'인터넷관련' 카테고리의 글 목록 (5 Page)

JS 체크

인터넷관련 2008. 2. 20. 10:17

/*
- 숫자 체크의 예제입니다.
spchar = /^[0-9]{3}$/; // 0에서 9까지이 숫자를 사용하여 3자리를 입력받는다는 말
if (input.value.search(spchar) == -1) {
alert(input);
input.focus();
return false;
}
/*
/*-----------------------------------------------------------------------------------------------------------------
1. 입력 체크
------------------------------------------------------------------------------------------------------------------*/
function str_check(input) {
if(!input.value) {
input.focus();
return false;
}
else return true;
}
/*-----------------------------------------------------------------------------------------------------------------
2. 쓴값 전달해주기
------------------------------------------------------------------------------------------------------------------*/
function auto_write(input, input2) {
input2.value = input.value;
}

/*-----------------------------------------------------------------------------------------------------------------
3. 이메일 체크하기
------------------------------------------------------------------------------------------------------------------*/
function email_check(input, input2) {
input.value = input.value.toLowerCase();
spchar = /^[a-z0-9\-_\.]+[@]{1}[a-z0-9\-]+[\.]{1}[a-z]+/;
if(input.value.search(spchar) == -1) {
alert(input2);
input.focus();
return false;
}
else return true;
}

/*-----------------------------------------------------------------------------------------------------------------
3-1. 이메일 체크하기
------------------------------------------------------------------------------------------------------------------*/
function email2_check(input, input2) {
   if(input.value.match(/\b(^(\S+@).+((\.com)|(\.net)|(\.co.kr)|(\.kr)|(\.or.kr)|(\.pe.kr)|(\.go.kr)|(\.edu)|(\.mil)|(\.gov)|(\.ac.kr)|(\.re.kr)|(\.org)|(\..{0,0}))$)\b/gi) ) {
return true;
   }
   else {
alert(input2);
input.focus();
return false;
   }
}

/*-----------------------------------------------------------------------------------------------------------------
3-2. 이메일 체크하기
------------------------------------------------------------------------------------------------------------------*/
function email3_check(input, input2) {
if ((input.value == '' || input.value.indexOf ('@', 0) == -1) || input.value.indexOf('.') == -1) {
alert(input2);
input.focus();
return false;
}
else return true
}

/*-----------------------------------------------------------------------------------------------------------------
4. 홈페이지주소 체크하기
------------------------------------------------------------------------------------------------------------------*/
function homepg(input, input2) {
if ((input.value == '' || input.value.indexOf ('http://', 0) == -1) || input.value.indexOf('.') == -1) {
alert(input2);
input.focus();
return false;
}
else return true
}

/*-----------------------------------------------------------------------------------------------------------------
4-1. 홈페이지주소 체크
------------------------------------------------------------------------------------------------------------------*/
function homepg2(input, input2) {
   if(input.value.match(/\b(((\.com)|(\.net)|(\.co.kr)|(\.or.kr)|(\.pe.kr)|(\.go.kr)|(\.edu)|(\.mil)|(\.gov)|(\.org)|(\..{0,0}) )$)\b/gi) ) {
return true;
   }
   else {
alert(input2)
input.focus();
return false;
   }
}

/*-----------------------------------------------------------------------------------------------------------------
4-2. 도메인명 체크
------------------------------------------------------------------------------------------------------------------*/
function domain_check(input, input2, input3) {
   var i, inputname;
   blank(input, input2);
   inputname = input.value.toLowerCase();
   for (i=0;i    if((inputname.charAt(i) >= ' ' && inputname.charAt(i) <= '+') || (inputname.charAt(i) == '/') || (inputname.charAt(i) >= ':' && inputname.charAt(i) <= '@') || (inputname.charAt(i) >= '[' && inputname.charAt(i) <= '`') || (inputname.charAt(i) >= '{' && inputname.charAt(i) <= '~')) {
   alert(input3);
   input.focus();
   return false;
}

else if((i == 0 && inputname.charAt(i) == '-') || (i == (inputname.length-1) && inputname.charAt(i) == '-')) {
   alert(input3);
   input.focus();
   return false;
}

else return true;
}
}

/*-----------------------------------------------------------------------------------------------------------------
5. 공백만 입력되었는지 체크
------------------------------------------------------------------------------------------------------------------*/
function blank(input, input2) {
var error_c=0, i, val;
for(i=0;i val = input.value.charAt(i);
if(val == ' ') error_c++;
}
if(error_c != input.value.length) return true;
else {
input.focus();
alert(input2);
input.value = '';
return false;
}
}

/*-----------------------------------------------------------------------------------------------------------------
6. 입력의 최소자리수에서 최대자리수까지의 범위지정
------------------------------------------------------------------------------------------------------------------*/
function num_posi(num_min, num_max, input, input2, input3) {
   if(input.value.length == 0) { // 값이 입력되지 않았을때
alert(input2);
input.focus();
return false;
   }
   else if(input.value.length < num_min || input.value.length > num_max) { // 자리수가 맞지 않을때
alert(input3);
input.focus();
return false;
   }
   else return true;
}

/*-----------------------------------------------------------------------------------------------------------------
7. 포커스 자동 이동
------------------------------------------------------------------------------------------------------------------*/
function auto_move(input, move_name, num) {
if(input.value.length == num) {
move_name.focus();
}
}

/*-----------------------------------------------------------------------------------------------------------------
8. 숫자 체크 및 자리수 체크 - 전화번호 입력에서 자주 쓰임, 입력칸이 세개일경우
------------------------------------------------------------------------------------------------------------------*/
function phone(num_min, num_max, input, input2, input3) {
   var error_c=0, i, val;
   if(input.value.length <= num_max && input.value.length >= num_min) {
for(i=0;i val = input.value.charAt(i);
   if(!(val>=0 && val<=9)) error_c++;
}
if(error_c) { // 숫자가 아닐때
   input.value = '';
   alert(input2);
   input.focus();
   return false;
}
else return true;
   }
   else { // 자리수가 올바르지 않을때
input.value = '';
alert(input3);
input.focus();
return false;
   }
}

/*-----------------------------------------------------------------------------------------------------------------
8-1. 전화번호 체크(숫자 및 하이픈 체크) - 입력칸이 한개일경우
------------------------------------------------------------------------------------------------------------------*/
function phone2(input, input2, input3, input4) {
   var nu_c1=0, nu_c2=0, nu_c3=0, ch_c=0, i, val;
   for(i=0;i    val = input.value.charAt(i);
if(val>=0 && val<=9 && ch_c==0) nu_c1++;
if(val>=0 && val<=9 && ch_c==1) nu_c2++;
if(val>=0 && val<=9 && ch_c==2) nu_c3++;
if(val=='-') ch_c++;
   }
   if(nu_c1 < 2 || nu_c1 > 3) {
   alert(input2);
   input.focus();
   return false;    // 지역번호자리수가 2자리 또는 3자리가 아닐경우
   }
   else if(nu_c2 < 3 || nu_c2 > 4) {
   alert(input3);
   input.focus();
   return false; // 국번자리수가 3자리 또는 4자리가 아닐경우
   }
   else if(nu_c3 != 4) {
   alert(input4);
   input.focus();
   return false; // 번호자리수가 4자리가 아닐경우
   }
   else if(ch_c != 2) {
   alert('입력방식이 잘못되었습니다. 하이픈(-)을 사용하여 공백없이 입력해 주세요.');
   input.focus();
   return false;    // 하이픈이 두개가 들어가지 않았을경우
   }
   else return true;
}

/*-----------------------------------------------------------------------------------------------------------------
9. 영문 및 숫자만 입력 가능
------------------------------------------------------------------------------------------------------------------*/
function english(input, input2) {
   var error_c=0, i, val;
   for(i=0;i    val = input.value.charAt(i);
if(!((val>=0 && val<=9) || (val>='a' && val<='z') || (val>='A' && val<='Z'))) error_c++;
   }
   if(!error_c) return true;
   else {
alert(input2);
input.value = '';
input.focus();
return false;
   }
}

/*-----------------------------------------------------------------------------------------------------------------
10. 아이디 전용 체크
------------------------------------------------------------------------------------------------------------------*/
//if(!id_check(form.id, '아이디를 입력해 주십시오.', '아이디의 첫자는 반드시 영문으로 입력해 주십시오.', '아이디는 반드시 영문과 숫자로 입력해 주십시오.')) return false;
//if(!num_posi(4, 10, form.id, '', '아이디의 길이가 너무 짧거나 또는 너무 깁니다. (최고 10byte, 최소 4byte)')) return false;

/*-----------------------------------------------------------------------------------------------------------------
13. 한글만 입력 가능한 함수
------------------------------------------------------------------------------------------------------------------*/
function hangle(input, input2, input3) {    // 한글 입력 체크
   var i, j=0;
   for(i=0;i    val = escape(input.value.charAt(i)).length;
if(val != 6) j++;
   }
   if(j) {
alert(input2);
input.value = '';
input.focus();
return false;
   }
   else if(!input.value.length) {
   alert(input3);
   input.focus();
   return false;
   }
   else return true;
}

/*-----------------------------------------------------------------------------------------------------------------
14. 문자안의 공백 체크
------------------------------------------------------------------------------------------------------------------*/
function space(input, input2) {
   var error_c=0, i, val;
   for(i=0;i    val = input.value.charAt(i);
if(val == ' ') error_c++;
   }
   if(error_c == 0) return true;
   else {
alert(input2);
input.value = '';
input.focus();
return false;
   }
}

/*-----------------------------------------------------------------------------------------------------------------
15 입력폼의 바이트 체크함수 - 한글을 2바이트로 인식하게 한다.
------------------------------------------------------------------------------------------------------------------*/
function numbyte(input) {
   var i, j=0;
   for(i=0;i    val = escape(input.charAt(i)).length;
if(val == 6) j++;
j++;
}
return j;    // 바이트값을 넘겨준다.
}

/*-----------------------------------------------------------------------------------------------------------------
16. 비밀번호 체크(최소값과 최대입력값도 동시에 체크)
------------------------------------------------------------------------------------------------------------------*/
function passwd(num_min, num_max, p1, p2, input, input2) { // 비밀번호 체크

if(p1.value.length < num_min || p1.value.length > num_max) { // 비밀번호 자리수오바 검사
alert(input);
p1.focus();
return false;
}
else if(p2.value.length < num_min || p2.value.length > num_max) { // 비밀번호 자리수오바 검사
alert(input);
p2.focus();
return false;
}
else if(p1.value != p2.value) { // 일치검사
alert(input2);
p1.value = '';
p2.value = '';
p1.focus();
return false;
}
else return true
}

/*-----------------------------------------------------------------------------------------------------------------
17. 셀렉트 값이 선택되었는지 체크(보통 젤 윗배열값이 기본값으로 잡히는것을 감안함)
------------------------------------------------------------------------------------------------------------------*/
function select(input, input2) {
   if(input[0].selected == true) {
   alert(input2);
   return false;
   }
   else return true;
}

/*-----------------------------------------------------------------------------------------------------------------
18. 우편번호 찾기
------------------------------------------------------------------------------------------------------------------*/
function Zip_Search(num) { // 주소 검색
var window_left = (screen.width-640)/2;
var window_top = (screen.height-480)/2;
window.open('http://www.dioweb.co.kr/zipcode/address.php?num=' + num, 'address', 'width=400, height=300, status=no, scrollbars=yes, top=' + window_top + ',left=' + window_left + '');
}

/*-----------------------------------------------------------------------------------------------------------------
18-1. 우편번호값이 입력되어 있지 않을때 작동
------------------------------------------------------------------------------------------------------------------*/
function add_check(input, num, input2, input3) {
   if(!input[num].value) {
   Zip_Search(num);
   return false;
   }
   else if(!input2[num].value) {
alert(input3);
input2[num].focus();
return false;
   }
   else return true;
}
/*-----------------------------------------------------------------------------------------------------------------
19. 주민등록번호 체크
------------------------------------------------------------------------------------------------------------------*/
function jumin(input, input2) { // 주민등록번호 체크
   var left_j = input.value;
   var right_j = input2.value;

if(input.value.length != 6) {
alert('주민등록번호를 정확히 입력하세요.');
input.focus();
return false;
}

if(right_j.length != 7) {
alert('주민등록번호를 정확히 입력하세요.');
input2.focus();
return false;
}

   var i2=0;
   for(var i=0;i    var temp = left_j.substring(i,i+1);
if(temp<0 || temp>9) i2++;
   }

if((left_j == '') || (i2 != 0)) {
alert('주민등록번호가 잘못 입력되었습니다.');
j_left.focus();
return false;
}

   var i3=0;
   for(var i=0;i    var temp = right_j.substring(i,i+1);
if (temp<0 || temp>9) i3++;
   }

if((right_j == '') || (i3 != 0)) {
alert('주민등록번호가 잘못 입력되었습니다.');
input2.focus();
return false;
}

   var l1=left_j.substring(0,1);
   var l2=left_j.substring(1,2);
   var l3=left_j.substring(2,3);
   var l4=left_j.substring(3,4);
   var l5=left_j.substring(4,5);
   var l6=left_j.substring(5,6);
   var hap=l1*2+l2*3+l3*4+l4*5+l5*6+l6*7;
   var r1=right_j.substring(0,1);
   var r2=right_j.substring(1,2);
   var r3=right_j.substring(2,3);
   var r4=right_j.substring(3,4);
   var r5=right_j.substring(4,5);
   var r6=right_j.substring(5,6);
   var r7=right_j.substring(6,7);
   hap=hap+r1*8+r2*9+r3*2+r4*3+r5*4+r6*5;
   hap=hap%11;
   hap=11-hap;
   hap=hap%10;

if(hap != r7) {
alert('주민등록번호가 잘못 입력되었습니다.');
input2.focus();
return false;
}

return true;
}

/*-----------------------------------------------------------------------------------------------------------------
20. 숫자포맷 - ex) number_format('1000000','4','-') => 출력: 100-0000
------------------------------------------------------------------------------------------------------------------*/
function number_format(input, input2, input3) {
var i, val='';
var len = input.value.length; // 원래 값의 길이
var top = (len % input2); // 컴마찍힐 이전의 길이
if(top==0) top=input2;

var topnum = input.value.substring(0,top); // 컴마찍힐 이전의 값
var midnum = input.value.substring(top); // 컴마가 시작될 이후의 값

for(i=0;i if(i % input2 == 0) val = val + input3;
val = val + midnum.charAt(i);
}
alert(topnum + val);
}

/*-----------------------------------------------------------------------------------------------------------------
21. 사업자등록번호 체크
------------------------------------------------------------------------------------------------------------------*/
function compnum(input1, input2, input3) {
if (input.length != 2 || input2.length !=3 || input3.length !=5) {
alert('사업자등록번호가 잘못되었습니다.');
return false;
}

Sum = 0;
Sum += parseInt(input.substring(0,1));
Sum += parseInt(input.substring(1,2)) * 3 % 10;

Sum += parseInt(input2.substring(0,1)) * 7 % 10;
Sum += parseInt(input2.substring(1,2)) * 1 % 10;
Sum += parseInt(input2.substring(2,3)) * 3 % 10;

Sum += parseInt(input3.substring(0,1)) * 7 % 10;
Sum += parseInt(input3.substring(1,2)) * 1 % 10;
Sum += parseInt(input3.substring(2,3)) * 3 % 10;
Sum += Math.floor(parseInt(input3.substring(3,4)) * 5 / 10);
Sum += parseInt(input3.substring(3,4)) * 5 % 10;
Sum += parseInt(input3.substring(4,5));

if(Sum % 10 != 0) {
alert('사업자등록번호가 잘못되었습니다.');
return false;
}
return true;
}

/*-----------------------------------------------------------------------------------------------------------------
22. 키입력무시(숫자만됨)
------------------------------------------------------------------------------------------------------------------*/
// 입력방법: onKeypress = 'return keyCheck(event)'
var n4=(document.layers)?true:false;
var e4=(document.all)?true:false;
function keyCheck(e) {

if(n4) var keyValue = e.which
else if(e4) var keyValue = event.keyCode

if ( ((keyValue >= 48) && (keyValue <= 57)) || keyValue == 8) return true;
else return false
}

/*-----------------------------------------------------------------------------------------------------------------
23. 질문던지기(확인, 취소)
------------------------------------------------------------------------------------------------------------------*/
function warring(input, input2, input3, input4, input5) {
if (confirm!(input)) { // 질문
window.open(input2, input3, 'width='+input4+', height='+input5+', marginwidth=0, marginheight=0, resizable=0, scrollbars=1, status=1');
return;
}
}

/*-----------------------------------------------------------------------------------------------------------------
24. 새창 띄우기
------------------------------------------------------------------------------------------------------------------*/
function Openwin(site, sub, size1, size2) { // 주소 검색
var window_left = (screen.width-640)/2;
var window_top = (screen.height-480)/2;
window.open(site, sub, 'width=' +size1+',height='+size2+',status=no, scrollbars=no, top=' + window_top + ',left=' + window_left + '');
}

/*-----------------------------------------------------------------------------------------------------------------
25. 도메인 새창 띄우기
------------------------------------------------------------------------------------------------------------------*/
function OpenDomain(input1, input2) { // 주소 검색
var site = 'Domain_insert.php?domain_name=' + input1 + '&end_domain=' + input2;
var window_left = (screen.width-640)/2;
var window_top = (screen.height-480)/2;
window.open(site, 'domain', 'width=200,height=200,status=no, scrollbars=no, top=' + window_top + ',left=' + window_left + '');
}

'인터넷관련' 카테고리의 다른 글

특정한 달의 생일인 사람 리스트 가져오기 (0)	2008.02.20
히라가나/가타카나를 한글 발음으로 변환/일본어 번역/일본어 한국어 번역/한국어 일본어 번역 (0)	2008.02.20
이미지 리사이즈(resize) 및 새창 (0)	2008.02.20
PHP의 sleep()과 비슷한 함수 (0)	2008.02.20
날짜 시작일~종료일 출력 (0)	2008.02.20
배경 이미지 랜덤으로.. (0)	2008.02.20
스타일을 이용한 양끝맞추기 (0)	2008.02.20
네비게이터 객체 (0)	2008.02.20

Posted by 알 수 없는 사용자

,

날짜 시작일~종료일 출력

인터넷관련 2008. 2. 20. 10:17

'인터넷관련' 카테고리의 다른 글

히라가나/가타카나를 한글 발음으로 변환/일본어 번역/일본어 한국어 번역/한국어 일본어 번역 (0)	2008.02.20
이미지 리사이즈(resize) 및 새창 (0)	2008.02.20
PHP의 sleep()과 비슷한 함수 (0)	2008.02.20
JS 체크 (0)	2008.02.20
배경 이미지 랜덤으로.. (0)	2008.02.20
스타일을 이용한 양끝맞추기 (0)	2008.02.20
네비게이터 객체 (0)	2008.02.20
timestamp 를 date 형식으로 보여주기(as like php date()) (0)	2008.02.20

Posted by 알 수 없는 사용자

,

배경 이미지 랜덤으로..

인터넷관련 2008. 2. 20. 10:17

<body>와 </body> 태그 사이에 넣어주세요.

<script>
document.body.onload=function(){
bgs=new Array();
bgs[bgs.length]='이미지 주소';
bgs[bgs.length]='이미지 주소';
bgs[bgs.length]='이미지 주소';
bgs[bgs.length]='이미지 주소';
bgs[bgs.length]='이미지 주소';
idx=Math.floor(Math.random()*bgs.length);

// document.body.style.backgroundAttachment='fixed';
// document.body.style.backgroundRepeat='no-repeat';
// document.body.style.backgroundImage='url('+bgs[idx]+')';

// document.body.style.background = "url("+ bgs[idx] +")";

document.body.style.background = "url("+ bgs[idx] +") no-repeat fixed";
}
</script>

태그 : 백그라운드 이미지, 배경이미지

'인터넷관련' 카테고리의 다른 글

이미지 리사이즈(resize) 및 새창 (0)	2008.02.20
PHP의 sleep()과 비슷한 함수 (0)	2008.02.20
JS 체크 (0)	2008.02.20
날짜 시작일~종료일 출력 (0)	2008.02.20
스타일을 이용한 양끝맞추기 (0)	2008.02.20
네비게이터 객체 (0)	2008.02.20
timestamp 를 date 형식으로 보여주기(as like php date()) (0)	2008.02.20
아크로벳리더가 7 이상 설치되어 있는지 버전 체크 (0)	2008.02.20

Posted by 알 수 없는 사용자

,

스타일을 이용한 양끝맞추기

인터넷관련 2008. 2. 20. 10:17

좌측 <td style="text-align:justify;text-justify:inter-word;">
우측 <td>

기적의 사다리

당나귀가 빈 우물에 빠졌다. 농부는 슬프게 울부짖는 당나귀를 구할 도리가 없었다. 마침 당나귀도 늙었고 쓸모 없는 우물도 파묻으려고 했던 터라 농부는 당나귀를 단념하고 동네 사람들에게 도움을 청하기로 했다. 동네 사람들은 우물을 파묻기 위해 제각기 삽을 가져와서는 흙을 파 우물을 메워갔다.

당나귀는 더욱 더 울부짖었다. 그러나 조금 지나자 웬일인지 당나귀가 잠잠해졌다. 동네 사람들이 궁금해 우물 속을 들여다보니 놀라운 광경이 벌어지고 있었다. 당나귀는 위에서 떨어지는 흙더미를 털고 털어 바닥에 떨어뜨렸다. 그래서 발 밑에 흙이 싸이게 되고, 당나귀는 그 흙더미를 타고 점점 높이 올라오고 있었다. 그렇게 해서 당나귀는 자기를 묻으려는 흙을 이용해 무사히 그 우물에서 빠져 나올 수 있었다.

정말 그렇다. 사람들이 자신을 매장하기 위해 던진 비방과 모함과 굴욕의 흙이 오히려 자신을 살린다. 남이 진흙을 던질 때 그것을 털어버려 자신이 더 성장하고 높아질 수 있는「영혼의 발판」으로 만든다. 그래서 어느날 그「곤경의 우물」에서 벗어나 자유롭게 살아갈 수 있는 날을 맞게 된다. 뒤집어 생각할 줄 알아야 한다.

모든 삶에는 거꾸로된 거울뒤 같은 세상이 있다. 불행이 행이 되고, 행이 불행이 되는 새옹지마(塞翁之馬)의 변화가 있다. 우물속 같이 절망의 극한 속에서 불행을 행운으로 바꾸는 놀라운 역전의 기회가 있다. 우물에 빠진 당나귀처럼 남들이 나를 해칠지라도 두려워 말 일이다.

지금 인터넷에서 한창 영문으로 떠돌고 있는 이 한 편의 우화는 나를 음해하는 진흙이 나를 구해 주는「기적의 사다리」가 된다는 것, 영혼이 높아지는 디딤돌」이 된다는 것을 가르쳐 준다.

'인터넷관련' 카테고리의 다른 글

PHP의 sleep()과 비슷한 함수 (0)	2008.02.20
JS 체크 (0)	2008.02.20
날짜 시작일~종료일 출력 (0)	2008.02.20
배경 이미지 랜덤으로.. (0)	2008.02.20
네비게이터 객체 (0)	2008.02.20
timestamp 를 date 형식으로 보여주기(as like php date()) (0)	2008.02.20
아크로벳리더가 7 이상 설치되어 있는지 버전 체크 (0)	2008.02.20
김제동 어록을 홈페이지에 뿌려준다 - 랜덤 메세지,메시지 (0)	2008.02.20

Posted by 알 수 없는 사용자

,

네비게이터 객체

인터넷관련 2008. 2. 20. 10:17

appName - 브라우저의 종류

appVersion - 브라우저의 버전

appCodeName - 브라우저의 코드 이름

userAgent - 브라우저의 User Agent

mimeTypes - 브라우저가 지원하는 MIME 타입 - netscape only

plugins - 브라우저에 설치된 플러그인 종류 - netscape only

language - 브라우저에 설정된 언어 - netscape only

platform - 브라우저가 설치된 시스템의 종류

javaEnabled() - 브라우저의 자바지원 여부

'인터넷관련' 카테고리의 다른 글

JS 체크 (0)	2008.02.20
날짜 시작일~종료일 출력 (0)	2008.02.20
배경 이미지 랜덤으로.. (0)	2008.02.20
스타일을 이용한 양끝맞추기 (0)	2008.02.20
timestamp 를 date 형식으로 보여주기(as like php date()) (0)	2008.02.20
아크로벳리더가 7 이상 설치되어 있는지 버전 체크 (0)	2008.02.20
김제동 어록을 홈페이지에 뿌려준다 - 랜덤 메세지,메시지 (0)	2008.02.20
자바스크립트로 이메일 형식 체크하기 (0)	2008.02.20

Posted by 알 수 없는 사용자

,

timestamp 를 date 형식으로 보여주기(as like php date())

인터넷관련 2008. 2. 20. 10:17

timestamp 로 받은 값을 원하는 date형식으로 보여주는 겁니다.
아주 간단하므로, 원하시는대로 살을붙여서 사용하시면 됩니다.
샘플로 월을 영어로 표기하도록 해봤습니다.

소스코드

사용예제

var timestamp = new Date().getTime();
alert(DateFormatter.parse(timestamp));
alert(DateFormatter.parse(timestamp, 'd m y h:i:s'));

PHP : http://oxtag.com/php/p/timestamp_change.php
JS : http://oxtag.com/zboard/zboard.php?id=js&no=741

'인터넷관련' 카테고리의 다른 글

날짜 시작일~종료일 출력 (0)	2008.02.20
배경 이미지 랜덤으로.. (0)	2008.02.20
스타일을 이용한 양끝맞추기 (0)	2008.02.20
네비게이터 객체 (0)	2008.02.20
아크로벳리더가 7 이상 설치되어 있는지 버전 체크 (0)	2008.02.20
김제동 어록을 홈페이지에 뿌려준다 - 랜덤 메세지,메시지 (0)	2008.02.20
자바스크립트로 이메일 형식 체크하기 (0)	2008.02.20
프레임 내에서 F5 누르면 현재화면 그대로 새로고침되기 (0)	2008.02.20

Posted by 알 수 없는 사용자

,

아크로벳리더가 7 이상 설치되어 있는지 버전 체크

인터넷관련 2008. 2. 20. 10:16

// 아크로벳리더가 7 이상 설치되어 있는지 체크하고, 설치되지 않았으면 물어보고 설치.
// 김기수

document.write('<object id="pdf" classid="clsid:CA8A9780-280D-11CF-A24D-444553540000" width="0" height="0"></object>');

var pdf=document.getElementById("pdf");
var acrobatInstall=false;

try{
var acrobatVersion=parseFloat(pdf.GetVersions().split(',')[0].split('=')[1]);
if (acrobatVersion<7) acrobatInstall=true;
} catch(e) {
acrobatInstall=true;
}

// 설치가 필요함...
if (acrobatInstall && confirm!("PDF 뷰어가 설치되지 않았거나, 버전이 너무 낮습니다.\n\n새로 설치하시겠습니까?")) {
window.open("http://www.adobe.com/kr/products/acrobat/readstep2.html");
}

'인터넷관련' 카테고리의 다른 글

배경 이미지 랜덤으로.. (0)	2008.02.20
스타일을 이용한 양끝맞추기 (0)	2008.02.20
네비게이터 객체 (0)	2008.02.20
timestamp 를 date 형식으로 보여주기(as like php date()) (0)	2008.02.20
김제동 어록을 홈페이지에 뿌려준다 - 랜덤 메세지,메시지 (0)	2008.02.20
자바스크립트로 이메일 형식 체크하기 (0)	2008.02.20
프레임 내에서 F5 누르면 현재화면 그대로 새로고침되기 (0)	2008.02.20
팝업차단 체킹 스크립트 (0)	2008.02.20

Posted by 알 수 없는 사용자

,

김제동 어록을 홈페이지에 뿌려준다 - 랜덤 메세지,메시지

인터넷관련 2008. 2. 20. 10:16

invalid-file

1. 흐르는 강물을 막거나 흐름을 바꾸려 하지 말고, 자신이 바다가 되어 강물이 오기를 기다리세요.
2. 독일의 속담에 이런 것이 있습니다. 금이 아름답다는 것을 알게되면, 별이 아름답다는 것 을 잊어버린다... 여러분은 아직 금의 아름다움보다는 별의 아름다움을 즐기실 나이라고 생각합니다. 오늘의 젊음 영원히 간직하시기 바랍니다.
3. 사랑은 택시와 같은 거죠. 함께 걸어온 길 만큼 대가를 지불해야 합니다
4. 여자는 첫사랑을 기억에 남기고 남자는 첫사랑을 가슴에 남긴다.
5. 당신이 이 세상에 세잎 클로버로 태어난 것을 더 이상 슬퍼하지 마십시오. 만약 당신이 네 잎 클로버로 이 세상에 태어났다면 이미 누군가에 손에 의해서 당신에 허리는 잘려져 나갔을 것을.. 더 이상 당신의 잎이 세잎 클로버 인 것을 슬퍼하지 마십시오. 이제 당신의 인생에서 나머지 행운의 한 잎은 제가 되어드리겠습니다.
6. 우주는 존재합니다! ...하지만 여러분들이 없는 우주는 존재하지 않습니다..
7. 앉아있는 신사보다 서있는 농부를 생각하는 하루 되세요.
8. 싸인 해 달라는 말에) 좀 있다 오면 등에다 문신 새겨 드리겠습니다..
9. 자신이 힘들 땐 언제나 자기 자신으로 인해 자신을 즐겨라. 이 말을 깨닫게 되면 너는 이미 힘들다는 마음을 넘어서 행복을 맞이하고 있을 것이다.
10. 하늘에 왜 해가 떠있는지 아십니까? 하늘에 왜 별이 떠있는지 아십니까? 저도 당신을 왜 사랑하는지 잘 모르지만 당신을 사랑합니다.
11. 이별보다 더 비참한 것은 이별마저 허락받지 못한 사랑입니다.
12. 키가 작았던 나폴레옹은 자기자신의 키를 땅으로부터 재면 다른 사람보다 훨씬 작은 키지만, 하늘에서부터 재면 자신의 키는 다른 사람보다 훨씬 높은 키 라고 말했습니다. 여러분도 희망을 가지시고 모든일에 최선을 다하세요......
13. 도현 : 목이 참 쫄려 보이시네요.. 김제동 : 좀 그렇죠!? 코디가 미쳤나봐요...-_-;; 　　　　이세상에 모든 코디분들에게 말합니다. 멋보다는 사람 생명이 중요하다는거..ㅋㅋ
14. (GOD 콘서트에서..) 제동 : 전 개인적으로 태우씨를 아주 좋아합니다. 내가 여자로 태어나면 태우씨와 결혼을 할껍니다. 해주실꺼죠?? (태우의 반응을 살피자..) 제동 : 그대신 이모습 그대로 태어날껍니다. ㅋㅋ
15. 한 학생 : 오빠~ 나랑 결혼해요~ 제동 : 나 같은 딸 낳아서 살 수 있겠어요!! 그건 인생을 망치는 일이에요!
16. 제가 첫번째로 싫어하는게 제 얼굴이고, 두번째가 쥐에요.
17. 어떤 여자분이 옷을 예쁘장하게 입고 있었는데...이걸 본 제동씨 장난끼가 발동!!!) 제동 : 저~ 이 옷 어디서 구입하셨나요? (굉장히 부러운 듯 옷을 훓어보며) (이어서 자랑스레 여자분이 말하려던 찰나..) 제동 : 정말 싸고 좋은걸 구입하셨네요~ ㅋㅋㅋㅋㅋㅋ
18. 아! 이 시계는 방수군요. 대단합니다..수심 40M 까지 방수가 된다는군요. 이런 쓸데없는 기능을... 누가 수심 40M 까지 들어간답니까... 그건 미친짓이죠.
19. (도현이 좀 삐지자...) 제동 : 락커가 하루에 4번을 삐집니다~ ㅋㅋㅋㅋㅋ
20. 호프집에서 사람들이 손을 잡자) 제동 : 그래요...내가 갈 때 아주 손 잘라줄게요. 가지고 가세요.
21. 행사장에서 김제동이 가장 싫어하는 여자 스타일을 물었더니) 제동 : 깜찍하고, 이쁘고, 귀엽고, 사랑스럽고, 애교 있고, 섹시하고, 나랑 친한데... 　...나랑 사귀지 않는 여자!!
22. 남자는 술을 먹되 취하지 않고, 취하되 비틀거리지 아니하고, 비틀거리되 쓰러지지 않고, 쓰러지되 무릎꿇지 아니해야 합니다.
23. 어차피 깨진 유리조각을 다시 붙이지 못하듯이.. 첫사랑과의 추억도 붙일 수 없는 것입니다.. 사랑의 진정한 힘이라는 것은, 아픈 기억을 소중한 추억으로 만들어 준다는 것에 있는 거죠..
24. 견디기 힘든 고통이란 것은 견딜 수 없는 고통의 반대말입니다.
25. 사랑은 '그렇기 때문에' 가 아니라, '그럼에도 불구하고' 입니다.
26. 앞에 나온 방위 학생을 보고...) 제동 : 하하. 공군은 하늘에서 죽고, 육군은 땅에서 죽고, 　해군은 바다에서 죽고, 방위는 쪽팔려서 죽습니다. 켜켜켜 (웃겨서 다 뒤집어 졌음. 바로 이어서 한마디 더) 제동 : 방위는 죽지 않는다. 다만 총소리에 놀라서 기절할 뿐이다. 켜켜켜켜
27. 요제동 : 왜 애인이 없다고 생각하세요? 인간들 : 방위 출신이라서~~ 제동 : 아니... 방위 출신이 어때서요... 　잘 키운 딸하나 방위사위 왠 말인가 이런 말도 있는데... 　그리고 우리 방위들은 아주 신기한 재주가 있어요. 　아무리 치열한 전투가 일어나도 6시 반이 되면 언제 귀신같이 다 퇴근을 합니다. 　그리고 다음날 아침 6시 반이 되면 또 총을 들고 서있어요....
28. 신동엽·이효리 '쟁반극장'중... 이효리가 자꾸 김제동을 물먹이고 NG를 내길래...) 제동 : 시골에서 소 잡기 전에 물을 많이 먹이죠...
29. 네잎클로버의 꽃말은 행운이죠.. 우리는 네잎 클로버를 따기 위해 수많은 세잎 클로버들을 짓밟고 있어요. 그런데 세잎 클로버의 꽃말이 무엇인지 아세요? ...행복이랍니다. 우리는 수많은 행복 속에서 행운만을 찾고 있는 것은 아닌지..
30. 남자랑 여자랑 불러내서 공개 프로프즈 시킬 때...) 제동 : 세상에 내가 믿는 유일한 신은 당신입니다..
31. 어두운 밤에 등대는 되어드릴 수 없습니다. 하지만, 갈 수 있는 길은 알려드릴 수 있습니다.
32. 사랑은... ..기댈 곳을 찾는 것이 아니라 기대어 줄 곳을 만들어 주는 것.
33. 헤어진 여자친구 잡지 마세요.. 가는 사람 잡지 마세요.. 인연이라면 언젠가 강물이 되어 돌아올테니까, 바다가 되어서 기다리세요..
34. 나는 당신을 사랑하기 때문에 사랑하는 것이 아니라 사랑할 수 밖에 없기 때문에 사랑하는 것입니다..
35. 제동님이 잘생긴 사람들에게 한마디!!^-^) 내가 있기에 느그들이 있다. 잘생긴 남자를 좋아하시는 여자분들에게 고합니다. 훗~ 외모는 중요치 않습니다. 세상에 모든 잘생긴 것들에게 고합니다. 못생긴 사람들이 없었으면, 잘생긴 사람이란 단어 자체가 세상에 나오지 못합니다. 반말이라고 기분 나쁘게 생각하지 말고 들어, 내가 없으면 너희도 없어~
36. 이 세상에 반대가 없는 두 단어는 우주와 사랑입니다.. 우주는 끝이 없는 것입니다.. 하지만..끝이 없는 것조차도.. 우주안에 포함되어 있는 겁니다.. 그리고 사랑의 반대가 미움이나 증오라고 생각하는 사람이 있지만.. 미움과 증오도 사랑에서 파생된 단어에 불과합니다.. 사랑과 우주의 공통점은.. ..그 속에서는 우주나 사랑을 바라 볼 수 없는 것입니다..
37. (2시의 데이트 중...) 나는 억겁의 세월을 당신을 향해 밀려들지만 당신의 발끝만 적시고 돌아섭니다. (파도라는 시를 인용하고 나서....) 파도가 계속 육지로 억겁의 세월 밀려들지만 결국 육지의 발끝만 적시고 돌아서면 또 오고 돌아서며 또 오고 돌아서는 것이 어쩜 이것이 사랑일줄 모르겠어요. 이것이 해일이나 폭풍이 되어 육지를 집어 삼기면 파괴가 되고 서로 서로 약간 적시며 평생을 동반자로 살아가는 것이 아기자기한 사랑인지도 모르겠네요...
38. 사랑이 아름다운 이유는... ...기억을 추억으로 만들어 준다는 것입니다..
39. 김제동의 '이별 극복법' 중...) 그 사람 생각이나서 괴로우면 애써 참지말고 술을 마시고 싶으면 술을 마시고.. 그렇게 한병을 먹으면 술잔에 그 사람 얼굴이 이렇게- 어릴거예요.. 그럼 그걸 마시고.. 집에 가서 아침에 일어나서 하루 한갑피던 담배 다섯갑씩 피우고 그러면 알라딘의 램프에서 나오는 연기처럼 그 사람 얼굴이 삭 피어오를겁니다.. 그렇게 해서라도 잊을수 있으면 그렇게 하시란 얘기죠.. 괜히 그 사람 집앞에 가서 술 마시고 술병 던지고 그러지 말고 자기집에 와서 술마시고 술병 창문에 던지세요.. 그럼 다음날 아침에 일어나서 그 깨진 창문조각과 술병을 치웁니다. ...이미 그 사랑은 여러분이 던진 술병에 깨진 유리창처럼 다시는 붙일 수 없다는 것을 아셔야 합니다...
40. 소크라테스가 그랬죠.. 이별의 아픔도 사랑해본 자 만의 특권이다. 이별을 두려워 하지 말고 즐기자..
41. 여러분, 사랑하는 사람 생기시면 그 사람이 해달라는 것 다~ 해주세요. 그래야 나중에 여운이 안 남습니다. 저는 제가 4년동안 사귄 첫사랑이 해달라는 거 다해줬는데, 딱 한가지를 못해줬어요. 놀이기구 같이 타자고 했는데, 저는 원래 놀이기구 타는거 엄청 무서워하거든요. 그렇게 무서운 걸 왜 돈내고 줄서서 기다려서 타는지 모르겠어요. 그래서 여자친구 혼자 태웠어요. 나중에 헤어지고 나서 저혼자 놀이기구를 타러 갔습니다. 결국 마무리는 타고 내려오면서 그런 생각을 했죠. 죽어도 다신 타지 말아야지.ㅋㅋ
42. 제 개인적인 생각에는.. 첫사랑의 기준이란 잘은 모르지만... 생각했을때 되게 기분이 좋고 자꾸 생각해내고 싶으면 그건 첫사랑이 아니지 않나 싶습니다...
43. 첫사랑이란 기억하고 싶지 않은데도 자꾸만 후벼파고 가슴속에 들어오는게 아닌가 싶습니다.. 기억하고 싶지 않은데 자꾸 생각 나는게 첫사랑인것 같습니다... 기억나는게 아니고 가슴 속 밑에서 차오르는 것... 그리고 제 생각에 첫사랑이 아름다울 수 있는 이유는... ...이루어지지 않았기 때문이 아닐까 싶습니다...
44. 500일 사귄 여자는 적금통장이고, 지금 만난 여자는 주식이다. 고로, 적금통장은 안전하지만, 주식은 날리면 그만이다.
45. 남자는 여자에게 모든 것을 바치라고 요구한다. 그러나 여자가 모든 것을 받쳐서 헌신하면 남자는 또 다시 그 무게에 부담스러워 한다. 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　- 시몬느 보부아르
46. 가장 낮은 사랑이, 가장 깊은 사랑일 수도 있다. 물은 높은 곳에서 낮은 곳으로 흐르기 때문에 바다를 이룰 수 있다.
47. 1. 날 버리고 간 사람에게 복수하지말고, 후회하게 해라 2. 언젠가는 날 떠난 걸 후회할 날이 있을 것이다. 3. 스토킹은 날 위해 그 사람의 앞모습을 잡아두는 것이고, 　사랑은 그 사람을 위해 그 사람의 뒷모습을 바라 봐 주는 것이다.
48. 어떤 커플이 이 세상에서 만나서 사랑을 하게 될 확률은 얼마나 될까요?? 간단하게 생각하면 할 확률 안 할 확률 반반이죠... 그 치만 따져보면, 내가 남자로 태어나고 그녀가 여자로 태어날 확률 1/2, 이 세상의 수많은 국가 약 200개국 중에 대한민국에서 태어날 확률 1/200, 대한민국에서도 같은 지역에서 태어날 확률 우리나라의 수많은 지역을 약 1000개의 시도, 군, 읍, 면이라 해도 1/1000 그리고 같은 시간대에 있을 확률... 시간을 숫자로 환산하면 약1/1000000000000000000000000................... 즉, 앞으로 아무리 좋은 성능의 컴퓨터가 나와도 이 확률을 계산할 수는 없습니다... 즉. 어떤 커플이 이렇게 만나게 된 것은 인연이 아닙니다....인연이라고 할 수 없습니다.... ...그것은 기적입니다......
49. (대학교 축제 중...) 천문학자가 별을 보는데 천년에 한번씩 두개의 별들이 사라진데요. 이 두 별은 다시는 찾을 수 없는데, 이 별들이 땅에 내려와 사랑하는 두 사람의 눈빛이 된답니다.
50. 플라톤이 했던 얘깁니다.. 사랑이란 건 인간이 얼마나 행복한 것인가 보여주기 위해 신이 만든 것이 아니라 인간이 고통과 어려움 속에서 얼마나 잘 해쳐 나갈 수 있는가를 보여주기 위한 신의 시험표이다.
51. 사랑했다면 앞을 보고 사랑할거면 서로를 보고 사랑한다면 같은 곳을 보라.
52. 왕비가 백설공주를 미워한 이유는, 백설공주가 예뻐서가 아니라.. ...거울에 대한 배신감 때문이다..
53. 평생 모든 사람을 좋아하고 한 사람만을 사랑하면서 살아가다 눈감을 수 있다면, 그것이 가장 행복한 삶이다.
54. 솔직함이라는 것은, 사랑만 놓고 봤을 때에는 전 세계에서 유일한 종교다
55. 악어는 음식을 먹을 때 눈물을 흘린다고 합니다.. 자신의 먹이가 된 동물의 죽음을 슬퍼해서 그럴까요? 그게 아니라.. 악어는 눈물샘의 신경과, 입을 움직이는 신경이 같기 때문이래요.. 악어는 음식물을 씹을 때 눈물샘이 자극이 된다네요.. 위선적인 눈물을 그래서 크로커 다일 티얼즈(crocodile tears) 라고 부른데요..
56. 따뜻한 차 한 잔, 전화 한 통화, 편지 한 통... 작은 선물 하나가 서로의 열쇠를 빛나게 해 줍니다. 시간과 물질을 나눌수록, 마음과 사랑을 더 많이 주고받을수록, 그 열쇠는 더욱 빛이 납니다. 서로서로 잘 쓰여지고 있기 때문입니다.
57. 신이 하신 가장 커다란 실수는 남자와 여자를 만든 것이다. 남자와 여자가 없었다면 이 세상에 전쟁이란 일어나지 않았을 것이다.
58. 어떤 여자가 군대 간 남자친구를 기다리기가 막막하다 라고 말을 하자) 남자친구를 기다린다고 생각하지말고, 자랑스러운 남자친구를 내 조국에 임대해주었다고 생각하고, 나도 같이 나라를 지킨다고 생각을 하면 기다리는 게 아니라 함께하는 것 이 될 수 있다.
59. 진정으로 사랑한다는 것은.. 내 안에서 자유롭게 뛰어 놀 수 있도록 나 자신을 넓혀나가는 것이다. 새장에 새를 가둬두는 것이 아니라 어디든 자유롭게 날 수 있게 만들고 그 모습을 바라보는 것이 새를 사랑하는 것이듯...
60. 새벽에 아무리 장난전화가 많이 와도 '혹시나...'하는 마음에 꼬박꼬박 다 받습니다. 그래서 새벽에 잠을 제대로 못 잡니다 ...는 말을 듣고 좀 마음이 아팠습니다...
61. 영원히 살 것처럼 꿈을 꾸고, 내일 죽을 것처럼 오늘을 살아라.
62. 매일 맑은 날만 계속된다면 이 세상은 사막이 되었을 것이다.
63. 사랑은 바람과 같아서 비록 볼 순 없으나 느낄순 있다.
64. 자신의 단점을 깊숙이 숨겨두지 말고 햇볕을 쏘이게 하라. 그래야 그 단점이 광합성을 하여 꽃을 피울 수 있다.
65. 어떤 남자가 맘에 드는 여자가 있는데 사귀자는 말이 안 나온다고 말하자) 맘에 드는 여자가 있어도 사귀자고 말을 못하시겠다구요? 그럼 다 하신 거네요. 이 한마디만 더 하시면 됩니다. 나는 사랑하는 여자가 생겨도 사귀자고 못해. 그런데 난 지금 너한테 그 말을 못하겠어. ..진실은 세상 어디에서나 통합니다.
66. 백조라는 것은 언젠간 호수를 박차고 날아오르는 새
67. 모든 인간이 자신이 불행하다고 생각하는 단점도 다 신의 창조계획과 의지가 담겨져 있는 것이다. 히말라야 산 봉우리에 작은 풀 한 포기에 맺혀있는 이슬 한 방울에도 신의 창조계획과 의지가 들어 있다.
68. 미국의 한 보험회사에서 가장 판매율이 좋은 사람은 다름 아닌 말을 더듬는 사람이었다. 이 사람은 처음부터 자신이 말을 더듬는다고 고객들에게 말을 했으며 이 말을 한 이후부터 그렇게 편안할 수가 없었다고 한다. 자신은 편하게 말할 수 있어 좋았고, 고객들은 그 사람의 말에 더 집중하게 되어 성공할 수 있는 기반이 되었다는 것이다..
69. 세상에서 최고로 느낄 수 있는 기쁨은 체념 할 때이다.
70. 운명은 우연을 가장해서 찾아온다
71. 세상에서 가장 장엄한 광경은 불리한 역경과 싸우고 있는 인간의 모습이다
72. 과거와 현실을 버리고 미래를 받아들여라.
73. 이륙 할 수 없는 꿈을 꾸고 ,이루어질 수 없는 사랑을 하고, 견딜 수 없는 고통을 견디며, 잡을 수 없는 저 밤하늘에 별을 따자. 　　　　　　　　　　　　　　　　　　　　　　　　　　　- 세르반테스의 돈키호테
74. 하늘에 계신 분에게 통하는 유일한 길은 기도이고, 사람에게 통할 수 있는 유일한 길은 진실이다.
75. 점술이라는 것은 열 개의 운명 중에 하나의 운명을 우리에게 예시하고 암시해주는 것이고 우리가 가진 능력이라는 것은, 아홉 개의 앞으로의 일어 날 예언 어떤 것들도 우리가 만들어 나갈 수 있다는 것이다.
76. 희망이란 있다고 할 수도 없고 없다고 할 수도 없다. 그것은 땅위의 길과 같은 것이다. 원래 땅 위에는 길이 없었다. 걸어가는 사람이 많아지면 그것이 곧 길이 되는 것이다.
77. 함께 있다는 것이 힘이 될때는 기쁠 때가 아니라, 힘들고 어려울 때일 거라고 생각합니다.
78. 오늘 비가 오지 않습니까? 이런 날은 세상에 있는 모든 짝사랑하는 사람들이 사랑하는 사람에게 하지 못했던 말, 하고 싶었는데 그냥 하지 못하고 돌아서서 내쉰 한숨에 섞인 것들이 하늘로 올라가 비가 되어 내리는 것이랍니다
79. 제 가슴속에 이거 하나 있는 걸 터뜨리면 소주로 밖에 채울 것이 없습니다.
80. SBS TV 야심만만에서.. 주제가 '헤어진 이성으로부터 청첩장을 받았다면' 인데...) 제동 : 아, 저도 그런적이 있었어요 호동 : 그래서요? 제동 : 열받아서 한강가서 술먹다가 신랑이름 적힌거 칼로 긁어서 없애고 　거기다가 제 이름 새겼어요.
81. 우리가 영어를 배우는 이유는, 우리의 다음 세대에서는 코쟁이들이 우리의 훈민정음을 배우게 하기 위해서 입니다.
82. 운명이란 보여지는 외형이 아니라 결국은 운명적인 사랑.. 언젠간 눈으로 보이는 모습으로 만나는 것이 아닌 가슴으로 만나는 사람이 나타날 것이다.. ..신은 그렇게 만들어 놓았다...
83. 희망이란 있다고 할 수도 없고 없다고 할 수도 없다. 그것은 땅위의 길과 같은 것이다. 원래 땅 위에는 길이 없었다. 걸어가는 사람이 많아지면 그것이 곧 길이 되는 것이다.
84. 이소라의 음도에서, 소라 : 어머, 제동씨 얼굴이 많이 부었어요. 많이 아프나 봐요. 이젠 제동씨도 안정된 가정을 가지셔야 할 텐데요. ㅉㅉㅉ 제동 : 네, 그래야죠, 그래야죠. 근데, 이소라씨 저보다 누나시죠?? ㅋㅋ
85. '자신이 힘들 땐 언제나 자기 자신으로 인해 자신을 즐겨라.' 이 말을 깨닿게 되면, 너는 힘들다는 마음을 이미 넘어서 행복을 맞이 하고 있을 것이다.
86. 사랑한다의 반댓말은 사랑안한다가 아니고 사랑했었다입니다.
87. 나를 슬프게 하는것은 나를 사랑하지않는 당신도, 내곁에 다가올수 없는당신도 아닙니다. 나를 가장 슬프게 하는것은 나로인해 힘들어 하는 당신입니다.
88. 요즘 사람들은 말이죠 다른 사람들은 신경도 안써요 그 사람들이 나에게 어떤 인연이 될지도 모르는데 말이죠.
89. 그 사막에서 그는 너무나 외로워 때로는 뒷걸음질로 걸었다. 자기 앞에 찍힌 발자국을 보려고...
90. 세상에서 가장 미련한 것은 사랑을 알아채지 못하는 것이고 가장 슬픈것은 사랑을 해보지 못한것이고 그리고 가장 불행한 것은 사랑을 이해하지 못한것이다. 어긋난 사랑때문에 가슴 아파하시는 여러분! 사랑을 못해 본 사람보다 더 행복하다는거 잊지 마시길 바랍니다
91. 여자의 모성본능은 어머니한테서 물려받을까요, 아버지한테서 물려받을까요? 놀랍게도 딸의 모성본능에 절대적인 영향을 미치는건 아버지의 유전자라고 합니다. ‘펙 3’라는 아버지의 유전자가 없다면 딸은 자식에 대한 애정을 전혀 가질수 없답니다. 자식에 대한 절대적인 사랑, 모성본능!!! 그것은 결국 어머니와 아버지가 함께 만들어내는 고귀한 마음, 위대한 본능입니다
92. 사랑이란 자기희생이다. 이것은 우연에 의존하지 않는 유일한 행복이다. - 톨스토이
93. 구해서 얻은 사랑은 좋은 것이다. 그러나 구하지 않고 얻은 것은 더욱 좋다. - 셰익스피어
94. 연애란 남자가 단 한 사람의 여자에 만족하기 위해 치루는 노력이다. - 풀 제라르디
95. 사랑하는 것이 인생이다. 기쁨이 있는 곳에 사람과 사람 사이의 결합이 있는 곳에 또한 기쁨이 있다. - 괴테
96. 증오가 섞인 사랑은 사랑보다 강하고 증오보다 강하다. - Joyce C. Oates (미국 작가)
97. 사랑은 홍역과 같다.우리 모두가 한번은 겪고 지나간다. - Jeromek. Jerome (영국수필가 , 극작가)
98. 죽음보다 더 강한것은 이성이 아니라, 사랑이다. - Thomas Mann (독일 작가)
99. 사랑은 성장이 멈출때만 죽는다. - Pearl S. Buck (미국 작가)
100. 사랑은 삶의 최대 청량, 강장제이다. - Pablo Picasso (스페인 화가)
101. 사랑은 악마이며 불이며 천국이며 지옥이다. 쾌락과 고통, 슬픔과 후회가 거기에 함께 살고 있다. - 반필드
102. 사랑하지 말아야 되겠다고 하지만 뜻대로 안 된 것과 같이 영원히 사랑하려고 해도 뜻대로 되지 않는다. - J.라브뤼이엘
103. 사랑의 고뇌처럼 달콤한 것이 없고 사랑의 슬픔처럼 즐거움은 없으며, 사랑의 괴로움처럼 기쁨은 없다. 사랑에 죽는 것처럼 행복은 없다. - E.M.아른트
104. 사랑은 인간생활의 최후의 진리이며 최후의 본질이다. - 슈와프
105. 사랑은 화관에 머무는 이슬방울같이 청순한 얼의 그윽한 곳에 머문다. - F.R.라므네
106. -우리는 꿈속에서 길을 잃은 것이 아니다. 다만, 길을 잃은 꿈을 꾸었을 뿐이다.-
107. 고민이란 반드시 극복할 수 있는 미래이다... 날마다 맑으면 사막이 된다... 비바람도 치고 해야 새싹도 돋아날 수 있는 것이다...
108. 10대는 거울처럼 삽니다. 한없이 비춰보고 20대는 깨뜨리려고 합니다.. 여기저기 튀어나가고.. 30대..스스로의 한계도 인정해야 되고 주변에 일어나는 일들도 뭐 그렇게 재미있거나 신기하거나 그렇지도 못합니다.
109. 사람과의 만남에 대해... 우리는 외짝 날개를 가지고 태어난 사람이다. 서로 부둥켜 안고 살아야 한다.
110. 사랑은 기대는것이 아니라 기대어 줄 곳을 만들어 주는겁니다.
111. 그냥친구와 진짜친구의 차이 그냥친구는 당신이 우는걸 본적이없습니다. 하지만 진짜친구는 이미 어깨가 당신의 눈물로 적셔져있지요.. 그냥친구는 당신 부모님의 성함을 모릅니다. 하지만 진짜친구는 주소록에 당신 부모님의 전화번호까지 가지고있지요. 그냥친구는 당신이 파티를 열때 와인한병을 사가지고 옵니다. 하지만 진짜친구는 당신이, 파티를 열때, 빨리와서 준비를 도와주고, 파티가 끝나면 치우는거 도와주느라 집에 늦게들어가지요. 그냥친구는 당신이 밤늦게, 자기가 다 잠들어있을때 전화하면.. 싫어하면서 짜증을 냅니다. 하지만 진짜친구는 짜증은 커녕 전화하는데 왜이렇게 오래걸렸냐고 묻지요! 그냥친구는 당신의 문제들에대해서 얘기하고자합니다. 하지만 진짜친구는 당신의 문제들에대해서 도와주고자하지요! 그냥친구는 당신과 실랑이를 벌였을때.. 우정은 끝났다고 생각합니다. 하지만 진짜친구는 나중에 전화를해서 먼저 사과를 하지요. 그냥친구는 항상 당신이 자신옆에 있어주길바랍니다. 하지만 진짜친구는 자신이 당신옆에 있어주기를바라지요! [좋은글 中에서]
112. 눈으론 진정한 사랑을 알아볼수없다. 그러나 가슴은 알아볼수있다.
113. 우정은 종종 사랑으로 끝을 맺기도 하지만, 사랑은 결코 우정으로 바뀔 수 없다. 우정이란 두 사람 속에 있는 하나의 마음이다. 교태가 참된 사랑에 의해 무너지듯이 질투는 참된 우정에 의해 무너진다. 황금은 불로 시험하고, 우정은 곤경이 시험한다. 세월은 우정을 돈독하게 하고 사랑을 엷게 한다. 가장 친한 친구라 할지라도 자신의 생각을 전부 말해 버리면 평생토록 적이 될 수 있다. - 사를르 뒤클로
114. 자신의 친구를 대신하여 인내하며 고통받기를 회피해서는 안된다. -에드워즈
115. 세상에는 세 가지 타입의 친구가 있다. 너를 사랑하는 친구, 너를 잊어버리는 친구,너를 미워하는 친구가 그것이다. -장 파울
116. 가장 좋은 거울은 오래 사귄 친구이다. -G.허버트
117. 세상에는 기묘한 우정이 존재한다. 서로 잡아먹을 것처럼 하면서도 헤어지지도 못하며 일생을 그대로 지내는 인간도 있다. -도스토예프스키
118. 교태가 참된 사랑에 의해 무너지듯이 질투는 참된 우정에 의해 무너진다. -라 로슈프코
119. 시간은 우정을 깊게 하고, 연애를 약화시킨다. -라 브뤼에르
120. 좋은 친구와 좋은 책, 그리고 살아있는 양심이야말로 가장 이상적인 생활이다. 최고의 친구는 당신이 자신에 대한 사랑을 잊고 있을 때, 당신을 사랑해 주는 사람이다. 친구가 없는 사람은 행복할 수 없다. 또한 자신이 불행한 처지에 빠지기 전까지는 친구의 진가를 확실히 알 수 없는 것이다. 때론 그저 말없이 함께 있어주는 친구가 장황한 충고 보다 더 큰 위로가 된다. 도덕은 당신의 친구들을 싱긋 웃게 해 주지만 부도덕은 그들을 찌푸리게 만든다
121. 아내를 선택할 때는 수준을 한 단계 내리고. 친구를 선택할 때는 수준을 한 단계 높여라. 친구가 화났을 때 달래려고 하지 말고 슬픔에 잠겼을 때는 위로하려 하지 말라. 만약 친구가 채소를 가지고 있다면 고기를 전해 주라. 친구가 당신에게 꿀같이 달콤하더라도 그것을 전부 빨아먹지 말라.
122. 붉은 단풍처럼 사랑하다가... 말없는 낙엽처럼 보내야 한다.....
123. 신이 하신 가장 커다란 실수는 남자와 여자를 만든 것이다. 남자와 여자가 없었다면 이 세상에 전쟁이란 일어나지 않았을 것이다. 이렇게 힘들게 사랑 할 바에야 차라리 다음 생애는 미토콘드리아로 태어나자
124. 이별하는 사람들이여 기뻐하라 이별이라는 것은 사랑했던 사람들만의 특권이다.
125. 희망이란 있다고 할 수도 없고 없다고 할 수도 없다. 그것은 땅위의 길과 같은 것이다. 원래 땅 위에는 길이 없었다. 걸어가는 사람이 많아지면 그것이 곧 길이 되는 것이다.
126. 세상에서 가장 소중한사람은 세상끝날까지 나와 함께 있어줄 내옆에사람입니다.
127. 사람이 만든 책보다 책이 만든 사람이 더 많습니다.
128. 하늘의 별만을 바라보는사람은,자기 발 아래의 아름다운 꽃을 느끼지 못한다
129. 남여공학에서 쥐나오면 남자들은 무서워도 잡으러 다니고, 여자들은 전부 책상위에 올라가고, 여고에서 쥐나오면, 키우고 있어요.. 죽지마.. 죽지마.. 이러면서 먹이 넣어주고..
130. 사랑을 왜 나를이라는 잣대로 보는게 아니라 나이기 때문에라는 잣대로 보라.
131. 태어날 땐 다른 장소에서 태어났지만 이젠 같은 장소에 있을 것이고 태어날 땐 다른 하늘을 보고 태어났지만 앞으로는 같은 하늘을 보게 될 것이고 태어날 땐 서로를 모르고 태어났지만 앞으로는 서로를 알아가며 살게 될 것입니다
132. 하늘은 돈으로 살 수 있지만 꿈은 돈으로 살 수 없고 땅은 돈으로 살 수 있지만 농부의 땀은 돈으로 살 수 없고 사람은 돈으로 살 수 있지만 친구는 돈으로 살 수 없다
133. 영원히 살 것 처럼 꿈을 꾸고, 내일 죽을 것 처럼 오늘을 살아라
134. 바남자는 여자에게 모든 것을 바치라고 요구한다. 그러나 여자가 모든 것을 받쳐서 헌신하면 남자는 또 다시 그 무게에 부담스러워 한다.
135. 가장 낮은 사랑이, 가장 깊은 사랑일 수도 있다. 물은 높은 곳에서 낮은 곳으로 흐르기때문에 바다를 이룰 수 있다.
136. 이세상에 반대가 없는 두단어는 우주와 사랑입니다.. 우주는 끝이 없는 것입니다..하지만.. 끝이 없는것 조차도 우주안에 포함되어 있는겁니다.. 그리고 사랑의 반대가 미움이라고 생각하는 사람이 있지만 미움도 사랑에서 파생된 단어에 불과합니다. 사랑과 우주의 공통점은..그 속에서는 우주나 사랑을 바라볼수 없는 것입니다..
137. 여자의 눈물은 몸속에 물이 빠져나오는것이지만.. 남자의 눈물은 심장속의 피가 빠져나오는 것이다.그걸 치유해줄수 있는 사람은 사랑하는 여자뿐이다.
138. 언젠가 캘리 포니아 선박이 난파했을때 그 선박에 있던 승객 가운데 한광부가 금괴 2백 파운드를 넣은 띠를 두른채 해저에 가라 앉아 죽어 있는 것이 발견 되었다.그렇다면 그가 그 금을 가지고 있었던가? 아니면 금이 그를 가지고 있었던 것인가?
139. 천문학자가 별을 보는데 천년에 한번씩 두개의 별들이 사라진데요 . 이 두 별은 다시는 찾을 수 없는데 이 별들이 땅에 내려와 사랑하는 두 사람의 눈빛이 된답니다. 천년에 한번 떨어진 별빛으로 사랑하는 여러분 정말 많이많이 아껴주고 사랑하세요
140. 사랑이란 말 달리는 것과 같아서.. 한다리가 나아갈때 다른 한다리는 뒤에서 받쳐줘야 한다
141. 당신이 헛되이 보낸 오늘은 어제 죽은 사람이 간절히도 바라던 내일이다...
142. 오늘을 붙들어라. 되도록 내일에 의존하지 말라. 그날 그날이 일년 중에서 최선의 날이다. ㅡ에머슨
143. 칭찬을 받을 때마다 메모지에 적어 보십시오 그리고 그날 저녁 메모한 노트를 펴 보십시오 당신은 정말로 좋은 사람입니다
144. 말을 하는 혀 속에 심장을 담을 수 있다는 것을 반드시 보여드리겠습니다...
145. 술취해서 전화건 사람이 다 사랑하는 남자에게 전화하는 건 아닙니다. 그 사람을 만나서 편한함을 느끼고 기댈수 있지만 그사람에게 안정을 찾고는 그 여잔 사랑하는 사람에게 전화해서 만나러 가는 사람들도 있다고.... 여자는 기댈남자와 사랑할 남자가 따로있다고....
146. 서울여대 강의중 어떤분이 첫사랑을 아직도 사랑하세요? 라고 물었어요.. 그런데 너무나도 진지하고 당연하게.. 네.. 사랑합니다.. 하시는 거예요~ 와~~~~~우~~~~ 이런 저희의 반응에 웃으시면서 제가 지금 첫사랑을 사랑한다는 건 그립다는 거예요~ 그 때의 그 여자가 그리운게 아니고 그 때의 우리가 그리운 거지요...
147. 사랑은.. 넘어졌을때 일으켜 주는것이 아니라.. 같이 넘어져 주는 것이다.
148. DJ-DOC의 김창렬씨 결혼식장에서.. 다른 하늘을 보고 태어났으나.. 한 하늘을 보고 살것이고.. 다른 시간에 태어났으나.. 같은 시간안에 살것이며.. 다른 곳에서 태어났으나.. 한곳에서 살것이고.. 두 부모를 섬기고 살아왔으나.. 한 부모를 섬기고 살 것입니다..
149. 눈물로 그리움을 지우려고 하지 마세요.. 안지워집니다.... 오히려 슬픔이 더 번져버린답니다...
150. 당신이 나에게 하는 모든 말을 참을 수 있습니다. 가슴에 못이 박히도록 아픈 모진말도 참을 수 있고 내가 싫다고 하는 말도 참을 수 있습니다. 그런데 한가지 참을 수 없는 말이 있습니다. 그건 바로 저로 인해서 당신이 힘들다는 말입니다.
151. 팔이 안으로 굽는다고 해서 뒷사람을 안을 수 없는 것은 아닙니다. 내가 뒤돌아 서면 되지 않습니까....
152. 남을 손가락질하는 한손이외의 나머지..세 손가락은.. 나 자신을 향하고 있다...
153. 별하고 첫사랑은 멀리 있을수록 아름답습니다... 별도 갈 수 없을 만큼 멀리 있어야 아름답고.... 첫사랑도 이루어질 수 없어야 더 아름답다... 별과 첫사랑이 가까이 있으면 그것이 아름다운지 모른다고....
154. 세상에서 돌이킬수 없는것 3가지 흐르는강물... 지나간 시간... 떠나간 마음...
155. 머리속에서 기억해서 밑으로 내뱉는 말보다는 가슴속에 새겨서 밑에서부터 차서 오르는 말을 하면서 살도록 하겠습니다...
156. 만약 내가 알파벳을 다시 만든다면... 당신(U)과 나(I)를 함께 놓겠어요.
157. 사랑은 기척처럼 아름다운 여정이며 용기 있는 모험입니다.
158. 사랑은 늘곁에 잇어 아름다운것이 아니라 서로에 마음속에 있어 아름다운것입니다
159. 남의 가슴에 총알을 쏠때 내등에는 미사일이 날아올때가 있다...
160. 태어나는 기적을 이미 가졌으니..세상에서 행복할 권리도... 틀림없이..우리안에..숨어있을겁니다...이번한주...그걸 찾는... 우리모두가 됩시다....
161. 높이 떠있는 해보다 지는 노을이 더 아름다운 것은 한낮내내 수고하고 돌아서는 그 뒷모습을 모든사람들이 존경하고 아쉬워하기 때문일 겁니다...서로서로에게 잊혀지지 않는 긴여운을 남겨주는.. 우리가 되었음 합니다...
162. 땅이 있어서 나무가 있듯이 여러분들이 계셔서 제가 있다는 것을 결코 잊지 않겠습니다..... 그리고 반드시 제가 없어지면 여러분들의 나무를 위해서 제가 땅이 되어 드리겠습니다...
163. 자신을 다 공개하면 사랑이 아닙니다... 사랑하는 마음이 드러나지 않아야 사랑이지요...
164. 눈에 보이지는 않으나, 언젠가 마주칠 거라고 믿고 걸어갈 수 있는 길이라면,그리 힘들진 않을 거라고 생각합니다....
165. 새로운 것이 놀라운 것은 그 안에 옛 것의 추억을 담고 있기 때문이고, 옛 것이 아름다운 것은 새로운 것으로 나아갈 수 있는 가능성과 힘을 가지고 있기 때문일 겁니다.
166. 살다보면 나락에 떨어질때가 있지요 그럴땐 올라가는 것 밖에 방법이 없지요... 떨어질때는 말이예요.. 멋찌게 떨어지는거예요~ 실패하는것이 아니라 더많은 희망을 가지면서..
167. 좋아하는 사람 이름은 수첩 맨 앞에 적지만 사랑하는 사람 이름은 가슴속 깊은 곳에 새기는겁니다. 좋아하는 사람은 그에 대해 아는것이 많지만 사랑하는 사람은 그에 대해 알고싶은게 많은 것입니다. 좋아하는 사람은 눈을 크게 뜨고 보고 싶은 사람이지만 사랑하는 사람은 눈을 감야야 볼수 있는 사람입니다.
168. 근데 말이죠 참이상하게 그렇습니다. 처음에는 그사람이 생각나서 술을 마셨는데 이제는 술만마시면 그사람이 생각나서 문젭니다.
169. 사랑은 집착이다.. 그러나 사랑보다 무서운것은 무관심이다..
170. 인간은 패배했을 때 끝나는 것이 아니다. 포기 했을 때 끝나는 것이다
171. - 꿈을 꽉 붙들어라. 스스로 의심하여 그 꿈이 사라지게 하지 말라.-
172. 사랑의 하트는 반으로 갈라졌을 때는 단순한 도형에 불과합니다. 그러나 , 그게 합쳐졌을 때는 그 누구도 반대할 수 없는 크고 온전한 하나의 우주가 됩니다... 사랑의 힘으로 말입니다.... 아마 지구의 반지름을 계산할 수 있는 과학자는 나왔지만 , 결코 세상 모든 사람들이 하는 사랑의 하트 반지름을 계산 할 수 있는 사람은 결코 나오지 않을 걸로 생각합니다.오로지 사랑하는 , 그 하트를 만든 사람만이 그 사랑의 크기와 무게를 알 거니까...
173. 먼곳으로 항해하는 배가 풍파를 만나지 않고 조용히 갈 수만은 없다. 풍파는 언제나 전진하는 자의 벗이다. 차라리 고난 속에 인생의 기쁨이 있다. 풍파없는 항해.. 얼마나 단조롭겠는가.. 고난이 심할 수록 내 가슴은 뛴다.- 니체. 우리가 사는 길에 풍파를 만날 때마다 서로가 옆에 있다는 것만으로 고난을 기쁨으로 여기게 하는 , 서로가 서로에게 그럼 마음으로 한결같이 고난마저도 기쁨으로 함께 나눌 줄 아는 우리가 되었으면 합니다...^^
174. 인생의 전환점에 서서 너무아둥바둥 달려왔으니까 한번쯤 내가 살아온 세월과 그리고 내가 살아갈 세월의 중간점에서 마라톤으로 치면 반환점에서 물을 적시는 마라톤선수의 마음처럼 돌아온 길을 돌아볼 수도 있고 나아갈 길을 설계할 수도 있는 인생에 있어서 정말 초석같은 시간이 아닌가 그런 생각이 듭니다
175. 인간에게 고통이 없다면... 생선이 소금에 절임을 당하고 얼음에 냉장을 당하는 고통 없이 썩는 길밖에 없다.
176. 사랑..추억..그리고...그리움... 철없던 시절 사랑을 하게 되서 시간이 지난후 철이 들고 철없던 시절의 사랑을 잊어야할땐..너무 힘듭니다... 힘들고 외롭고 지칠때 제일 먼저 생각나는 사람...그사람품에서 어리광과 서글펐던일들을 모두다 털어놓고 싶을때...하지만 그렇게 할수 없을때...정말 너무도 힘든거 같습니다 짧은인생...조금더 빨리 인연을 만났으면 좋겠다고들 하지만 그 인연을 만나지 전에 가슴속에 품어 두었던 옛사랑...그사랑을 잊어야 다른 사랑을 할수 있을거 같습니다... 너무아픈 사랑은 사랑이 아니었음을 이라는 노래제목 처럼 다신 너무아픈사랑은 현실보다는 꿈에서 행했으면 좋겠습니다..꿈이라도 충분히 맘이 아프니까... 여러분!!평생 행복하게 살아도 짧은 인생...지금부터라도 행복하고 즐겁게 삽시다!!
177. 지나간 사랑 때문에 가슴아파 하는 이유는 사랑한 기억과 어떻게 사랑하게 됐는지를 기억하지만 헤어진 이유는 기억나지 않기 때문입니다.
178. 내가 더 사랑한다고 느낄때, 난 외로움을 느낀다.
179. 사흘 뒤에 내 인생이 끝난다면 뭘 하고 싶으세요? 세 가지 정도만 하라 그러면요.. 들으시는 분들도 한 세 가지 생각하셨으면 그걸 지금 하시기 바랍니다. 그게 제일 중요한 거 같습니다. 사랑도 그런 것 같습니다. 이렇게 내가 해야지 생각하면 지금 그걸 하시기 바랍니다.
180. 잊고 싶다고 잊을 수 있고 멈추고 싶다고 멈출 수 있었다면 사랑에 아파 할 사람도 없고 사랑 때문에 눈물 흘릴 이유도 없을 것이다.
181. 세상에서 가장 긴 거리가 어딘 줄 아십니까? 바로 머리부터 가슴 까지 랍니다.머리로 생각하는 건 가슴에 닿질 않고, 뜨거운 가슴이 하려고 하는 건 차가운 이성의 머리가 막으니까요.
182. 완벽한 두개의 쇠원은 불꽃만 튀기고 이루어질수 없다. 그래서.. 자전거의 뒷바퀴는 만날수 없다. 그러나 조금씩 흠이 있는 톱니바퀴는 평생을 서로 맞물려 돌아간다.. 그러니 사랑은 서로간의 조금씩의 흠이 있어야 한다고 생각한다.
183. 제동님의 추천 책 - 그 남자, 그 여자 中『 그래.. 그정도면 됐어. 너무 애쓰지마. 나, 오늘 니가 그런 이야기 할 줄 알고 있었어. 내가 원래 좀 똑똑하잖아. 여기 너무 조용한데.. 나도 무슨말을 좀 해야 할 텐데.. 근데 나는, 다 이해해. 그러니까, 나는 우리가 끝까지, 그러니까 내 말은,ㅡ 우리가 결혼을 하거나.. 그럴거라고는 처음부터 생각 안했어. 내가 나 자신을 더 잘 아니까. 그만울어.. 누가 죽은 것도 아닌데.. 사람들이 이상하게 보겠다.. 근데 있잖아. 아무리 생각해도 니가 미안하다는 말은.. 좀 웃긴다. 왜냐하면.. 그동안 나는 좋았거든. 살면서, 제일 좋았던것 같아 늙어서도.. 그렇게 말할 수 있을 것 같아. 스물일곱, 스물여덟.. 그때 내 삶은 니 덕분에 초라하지도, 가난하지도 않았다고.. .. 여기 공기가 너무 답답하다. 우리, 그만 일어나자! 』
184. 가슴과 입은 한뼘차인데 가슴에 담아둔 말을 입밖으로 내놓기가 이렇게 힘들까..
185. 제동씨가, 술먹고 여자에게 찾아가서 고백할때 쓴말인데요 술을토하는건 쉬운데 너에게향한 내마음은 토하는게 힘들다
186. 춤은 박자를 생각해서추면 그 박자를 놓치게됩니다.. 사랑도 너무많은 생각을 하면 그 박자를 놓치게 되는 법이죠...
187. 상대방의 마음으로 가는 여권은 전세계에 아무데도 없거든요? 상대방의 마음속으로 들어가는 여권이 있다면 억만금을 주더라도 아마 그게 최고일 겁니다. 가격이 어찌됐던 누구의 마음이라도 들어갈 수 있는 여권이 있다면... 근데 신이 그걸 만들어 놓지는 않거든요. 왜냐하면 그 여권을 가질 수 있는 권한은 사랑하는 사람 그 한사람밖에 가질 권한이 안되기 때문입니다. 누구도 대신 발급해 줄 수 없는 거거든요. 그러니까 더욱 더 그 사람한테 대놓고 얘기하기가 힘들죠. 세상에서 단 한군데 밖에 없는 창구이기 때문에 그 창구에서 거절당하면 딴데 어디 갈데가 없으니까 망설여 지는 거에요. 그리고 그 여권도 여러장이 있는게 아닙니다. 평생을 통틀어 그 사람 마음속에서 한두장 정도밖에 발급이 안됩니다.
188. 새 두 마리를 묶어라. 네 개의 날개를 가지겠지만 결코 날 수 없다. 사랑이라는 것도 그래요. 그 사람 나름대로의 방식으로 내게 날아오게 해야겠지만 내 방식을 강요하면 네 개의 날개는 가지겠지만 절대로 날 수는 없겠죠. 그러니까 그 분의 사랑방식을 존중해 주는 것도 참 좋을 것 같아요.
189. 해는 아침에 가장 먼저 일어나서 새벽을 깨우고 중천에 떠서 모든 것을 비추며 가장 높은 곳에 있으면서 때를 아는데 여러분들은 해보다 더 빛나는 존재인 것 같네요.
190. 호수에 던진 돌멩이가 오래도록 가라않아 있듯 사랑도 사람의 마음속에 영원히 가라앉아 있습니다. 바다보다도 깊은 사람의 마음속에 가라앉는 것은 사랑 밖에 없습니다.
191. 눈에 눈물이 없었다면 마음의 무지개가 피지 못했을 것이다.
192. 꽃이 피어나서 좋은 것은 보는 이들에게 아름다움을 전하기 대문이고, 우리가 태어나서 좋은 것은 다른 이들에게 사랑을 전하기 때문이다.
193. 위대한 사랑이 있는 곳에는 언제나 기적이 있다.
194. 무지개를 보려면 비를 참고 견뎌야 한다
195. 비어있던 공간을 채워두는것, 그것이 배려의 본질이다.
196. 엄마라는 자리만큼 당신을 행복하게 하거나 슬프게 하거나 자랑스럽게 하거나 피곤하게 하는 것도 없을 것이다.
197. 잊으려 원하는 만큼 기억에 강하게 남는 것은 없다.
198. 파랑새를 찾아 떠돌다가 결국에는 자신의 마음속에 있다는 것을 깨닫듯이 행복도 멀리 있는게 아니라 자신의 마음 속에 있습니다.
199. 어느 스님밑에 스님이 되길 원하는 제자가 있었는데 어느날 스님이 그제자를 불러서 밥그릇에 물을 떠오고 소금도 가져와라이랬대여 그래서 제자가 두가지를 가져오니까 스님이 물에 소금을 타서 마시라고했대요 당연히 물맛은 짜겠죠. 그러더니 이번엔 소금을 들고 근처의 강가를 대려갔어요 이번엔 강에 소금을 붓더니 마셔보라는거에요 당연히 안짜겟죠. 제자는 왜 이런 행동을 하는지 이해못하고있었어요 그때 스님이 말을했죠 세상을 살면서 고통이 찾아오는순간이 있을것이다, 하지만 그때마다 매번 짠맛을 본다면 힘이들것이라고, 만약에 고통을 피할수없다면 자신의 그릇을 크게 만들면 그 고통은 더이상 짜지않을것이다라고요...
200. 말로만 사랑하는 사람은 여자의 입술에만 신경을 쓰고 눈으로 사랑하는 사람은 연인의 마음을 들여다보려 한다 ..
201. 사랑으로 켜진 불은 아무리 좋은 소방관이라고 해도 꺼지게 할수없고 아무리 유명한 방화범이라고 해도 사랑에다가 불을 지필수는 없다.

'인터넷관련' 카테고리의 다른 글

스타일을 이용한 양끝맞추기 (0)	2008.02.20
네비게이터 객체 (0)	2008.02.20
timestamp 를 date 형식으로 보여주기(as like php date()) (0)	2008.02.20
아크로벳리더가 7 이상 설치되어 있는지 버전 체크 (0)	2008.02.20
자바스크립트로 이메일 형식 체크하기 (0)	2008.02.20
프레임 내에서 F5 누르면 현재화면 그대로 새로고침되기 (0)	2008.02.20
팝업차단 체킹 스크립트 (0)	2008.02.20
글씨의 색을 자동으로 변환시켜주는 함수 (0)	2008.02.20

Posted by 알 수 없는 사용자

,

자바스크립트로 이메일 형식 체크하기

인터넷관련 2008. 2. 20. 10:16

입력 폼에서 자바스크립트로 한번 걸러주는게 좋은 방법 이겠죠??

이메일 주소가 youremail 이라고 할 때 다음과 같은 방법으로 체크해줍니다.

if (youremail.search(/(\S+)@(\S+)\.(\S+)/) == -1 ) {
alert!("E-mail 주소가 부정확합니다.");
return false;
}

'인터넷관련' 카테고리의 다른 글

네비게이터 객체 (0)	2008.02.20
timestamp 를 date 형식으로 보여주기(as like php date()) (0)	2008.02.20
아크로벳리더가 7 이상 설치되어 있는지 버전 체크 (0)	2008.02.20
김제동 어록을 홈페이지에 뿌려준다 - 랜덤 메세지,메시지 (0)	2008.02.20
프레임 내에서 F5 누르면 현재화면 그대로 새로고침되기 (0)	2008.02.20
팝업차단 체킹 스크립트 (0)	2008.02.20
글씨의 색을 자동으로 변환시켜주는 함수 (0)	2008.02.20
수정이 가능한 텍스트 (인라인텍스트에디터) (0)	2008.02.20

Posted by 알 수 없는 사용자

,

프레임 내에서 F5 누르면 현재화면 그대로 새로고침되기

인터넷관련 2008. 2. 20. 10:16

'인터넷관련' 카테고리의 다른 글

timestamp 를 date 형식으로 보여주기(as like php date()) (0)	2008.02.20
아크로벳리더가 7 이상 설치되어 있는지 버전 체크 (0)	2008.02.20
김제동 어록을 홈페이지에 뿌려준다 - 랜덤 메세지,메시지 (0)	2008.02.20
자바스크립트로 이메일 형식 체크하기 (0)	2008.02.20
팝업차단 체킹 스크립트 (0)	2008.02.20
글씨의 색을 자동으로 변환시켜주는 함수 (0)	2008.02.20
수정이 가능한 텍스트 (인라인텍스트에디터) (0)	2008.02.20
이미지 슬라이드쇼 (0)	2008.02.20

Posted by 알 수 없는 사용자

,

팝업차단 체킹 스크립트

인터넷관련 2008. 2. 20. 10:16

xp에서 팝업차단을 체크하는 간단한 스크립트입니다.

sp2부턴가 생겼던 기능이라 많은 광고가 줄긴했지만, 그렇다고 모두 다 막는건 아니더라구요.

필요하신분들은 유용하게 쓰시길. ^^

이 간단한 코드를 짜는데, 몇시간씩 걸리니 제 머리에 한계가 여기까지인듯.. -_-;

<script>
function open()
{
var popup = null;

popup = window.open('URL','full','fullscreen=yes,scrollbars=0'); // 풀스크린 지정

if(!popup)
{
alert!("팝업차단을 해제해주세요.");
return false;
}
popup.focus();
}
</script>

<body onload='javascript:open();'>

'인터넷관련' 카테고리의 다른 글

아크로벳리더가 7 이상 설치되어 있는지 버전 체크 (0)	2008.02.20
김제동 어록을 홈페이지에 뿌려준다 - 랜덤 메세지,메시지 (0)	2008.02.20
자바스크립트로 이메일 형식 체크하기 (0)	2008.02.20
프레임 내에서 F5 누르면 현재화면 그대로 새로고침되기 (0)	2008.02.20
글씨의 색을 자동으로 변환시켜주는 함수 (0)	2008.02.20
수정이 가능한 텍스트 (인라인텍스트에디터) (0)	2008.02.20
이미지 슬라이드쇼 (0)	2008.02.20
폼에대한 142가지의 다양한 js 소스 (0)	2008.02.20

Posted by 알 수 없는 사용자

,

글씨의 색을 자동으로 변환시켜주는 함수

인터넷관련 2008. 2. 20. 10:16

얼마전, 어느 블로그에서 구현되었던걸 보고서 공부겸 만들어 보았습니다.
onMouseover 와 onMouseout에 this객체만 넣어주시면 됩니다.
많은 태클과 개선점 제시해 주시면 감사하겠습니다.
----------------------------------------------------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<style type="text/css">
.hym{
color:black;
font-weight:400;
margin:10px 0px 10px 0px;
cursor:help;
width:140px;
height:25px;
padding:3px;
border:1px solid red;
background-color:lightyellow;
}
</style>
<script language="javascript">
var colorArray = ["#cedfff","#b0acff","#ee311c","#8e60dd","#c875b5","#de8faf","#25dc8e","#61e274","#becb21","#dd7ce4"];
var display;
var colorNum = 0;

function setColor(aObj){
temp = 'setInterval(function(){ showColor(aObj); },60)';
display = eval!(temp);
}

function showColor(aObj){
colorNum = colorNum == colorArray.length -1 ? 0:colorNum+=1;
aObj.style.color=colorArray[colorNum];
aObj.style.fontWeight = 700;
}

function BreakColor(aObj){
clearInterval(display);
aObj.style.fontWeight = 400;
aObj.style.color="black";
}
</script>
</head>

<body>
<div class="hym" onMouseover="setColor(this);" onMouseout="BreakColor(this);">Change Color..</div>
<div class="hym" onMouseover="setColor(this);" onMouseout="BreakColor(this);">Style Color...</div>
<div class="hym" onMouseover="setColor(this);" onMouseout="BreakColor(this);">Bye Bye Bye...</div>
</body>
</html>

'인터넷관련' 카테고리의 다른 글

김제동 어록을 홈페이지에 뿌려준다 - 랜덤 메세지,메시지 (0)	2008.02.20
자바스크립트로 이메일 형식 체크하기 (0)	2008.02.20
프레임 내에서 F5 누르면 현재화면 그대로 새로고침되기 (0)	2008.02.20
팝업차단 체킹 스크립트 (0)	2008.02.20
수정이 가능한 텍스트 (인라인텍스트에디터) (0)	2008.02.20
이미지 슬라이드쇼 (0)	2008.02.20
폼에대한 142가지의 다양한 js 소스 (0)	2008.02.20
실시간검색어 예제 - 다음(daum) 스타일 (0)	2008.02.20

Posted by 알 수 없는 사용자

,

수정이 가능한 텍스트 (인라인텍스트에디터)

인터넷관련 2008. 2. 20. 10:15

http://asrada2001.mireene.com/asrada/test/editable_text_test.html

제목을 정하기가 참 난감합니다...
그냥 수정이 가능한 텍스트라고만 하면 금방 이해가 안되니 부연 설명을 좀 하자면
스프레드시트와 비슷하게 보시면 되겠습니다.
그렇다고 엑셀의 엄청난 기능을 구현했구나..라고 생각하시면 곤란하겠구요....ㅡㅡ;
단순하게 테이블 셀이나 인라인 엘리먼트 안의 텍스트를 수정하게 해주는 스크립트입니다.
가계부를 대충 만들어 쓰다가 이 기능이 필요해서 만들어봤는데 요긴하게 쓰고 있어서 공개합니다.

블로그에 올린 글을 그대로 복사해서 올리는 관계로 반말에 노여워 마시길;;;;

=================================================

[editableText.js]
/*
작성자: 물결(asrada2001.mireene.com)
작성일: 2007-05-29
*/

function createEditor(callback){
var editor = new Editor();
editor.callback = callback;

try{
document.addEventListener('click',clickEventHandler,false);
}catch(e){
document.attachEvent('onclick',clickEventHandler);
}

return editor;
}
function clickEventHandler(e){
var evt = e || window.event;
var target;

if(evt.target){
target = evt.target;
}else{
target = evt.srcElement;
}

if(target.className.search('editable') > -1){
editor.editing(target);
}
}

function Editor(){
this.autosave = false;
this.source = null;
this.callback = null;
this.container = null;
this.frm = document.createElement('INPUT');
this.frm.className = 'editor';
this.frm.model = this;

this.frm.onkeydown = function(e){
var evt = e || window.event;

if(evt.keyCode == 13){
try{
evt.preventDefault();
}catch(ex){
evt.returnValue = false;
}

this.model.complete();
}
}

this.frm.onblur! = function(e){
if(this.model.autosave == true){
this.model.complete();
}else{
this.model.cancel();
}
}
}

Editor.prototype.editing = function(obj){
try{
this.container = obj;

if(obj.hasChildNodes() == false){
obj.appendChild(document.createTextNode(''));
}

this.source = obj.firstChild;
this.frm.value = this.source.nodeVal!ue;
this.frm.style.width = '100%';

if(this.container.style.textAlign != undefined && this.container.style.textAlign != ''){
this.frm.style.textAlign = this.container.style.textAlign;
}else if(this.container.align != undefined && this.container.align != ''){
this.frm.style.textAlign = this.container.align;
}else{
this.frm.style.textAlign = 'left';
}

this.container.replaceChild(this.frm,this.source);
this.frm.focus();
this.frm.value += '';
}catch(e){
}
}

Editor.prototype.cancel = function(){
this.finish();
}

Editor.prototype.complete = function(){
this.save();
this.finish();

if(this.callback instanceof Function){
this.callback(this.container);
}else{
}
}

Editor.prototype.finish = function(){
this.container.replaceChild(this.source,this.frm);
}

Editor.prototype.save = function(){
this.source = document.createTextNode(this.frm.value);
}

모듈을 페이지에 로드시키고 에디터 객체를 생성하면 준비는 끝.

<script type="text/javascript" src="editableText.js"></script>
<script type="text/javascript">
var editor = createEditor(callback);

function callback(obj){
}
</script>

사용자가 문서의 텍스트 부분을 클릭하면 텍스트 노드를 담고있는 container 객체의 className 속성에 'editable' 가 있는지 확인한 후 에디터 객체(INPUT)에 텍스트를 전달하고 텍스트노드와 에디터를 바꿔치기한다.

에디터는 싱글턴(singleton)으로 하나의 에디터가 문서 전역에서 동작한다.

autosave 속성이 true로 설정되면 에디터에서 수정후 포커스가 다른 곳으로 이동하면 자동으로 수정한 내용이 원본 텍스트 노드에 그대로 적용이 되고 반대로 false면 원 상태로 되돌린다.
autosave를 적용하지 않으면 사용자는 데이터 수정 후 엔터키를 눌러야 수정한 내용이 반영된다.

callback 함수를 지정하면 save() 메서드를 실행 후 callback 함수를 호출한다.
xmlHttpRequest 객체를 사용할 경우 동적으로 DB의 내용을 수정 할 수 있다.

원래는 source를 <span>태그에만 할당 하려했으나 셀작업에 쓰는게 더 좋을 것 같아서 'edtiable'을 className으로 갖는 모든 객체로 수정하였다.
하지만 변경 후 맘에 안드는 것이, 원글 너비(offsetWidth)의 반영이다.
<span>,<div>등 block 객체에 edtiable 을 적용하면 원글의 사이즈에 맞게 에디터의 사이즈를 조절할 수 있는 반면 테이블의 셀(TD)에 적용 할 경우 테이블 셀 크기에 맞춰버리니 맞춤 사이즈는 포기할 수 밖에 없다....
방법을 아시는 분은 코멘트를 부탁...^^;

*주의*
Editor는 멀티라인 편집을 지원하지 않는다.
<span>,<td>,<div>,<p> 의 엘리먼트에서 오직 가장 처음에 위치한 텍스트 노드를 편집 할 수 있다.
멀티라인 편집을 위해 Editor 객체에 에디터를 input과 textarea 두개로 구분하여 childNodes.lenth로 멀티라인 여부를 판별한 후 해당 엘리먼트에 맞는 에디터를 쓰게끔 리펙토링을 시도하였으나,
editing() 메서드와 finish() 메서드에서 replaceChild를 쓸 수 없고,
텍스트 노드 사이의 태그를 검출해야 하며, 멀티라인의 경우 줄바꿈 처리를 하는 등 코드가 복잡해지는 관계로 단문 인라인 엘리먼트에 이 스크립트를 사용할 것을 당부하는 것으로 대신한다.

'인터넷관련' 카테고리의 다른 글

자바스크립트로 이메일 형식 체크하기 (0)	2008.02.20
프레임 내에서 F5 누르면 현재화면 그대로 새로고침되기 (0)	2008.02.20
팝업차단 체킹 스크립트 (0)	2008.02.20
글씨의 색을 자동으로 변환시켜주는 함수 (0)	2008.02.20
이미지 슬라이드쇼 (0)	2008.02.20
폼에대한 142가지의 다양한 js 소스 (0)	2008.02.20
실시간검색어 예제 - 다음(daum) 스타일 (0)	2008.02.20
자바스크립트로 구현한 md4,md5,sha-1 (0)	2008.02.20

Posted by 알 수 없는 사용자

,

이미지 슬라이드쇼

인터넷관련 2008. 2. 20. 10:15

기능 : 자동실행, 정지, 이전 슬라이드, 다음 슬라이드, 재생시간 설정

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> Creative Enboard Community by sOOnsOO </title>
<meta name="generator" content="editplus" />
<meta name="author" content="순수(soonsoo@gmail.com)" />
<meta name="keywords" content="" />
<meta name="description" content="" />

<style type="text/css">
body { background: #333; }
hand { cursor: pointer; }
</style>

<script type="text/javascript">

</script>

</head>

<body>

<div id="gLoadingDiv" style="display: ; position: absolute; left:0px; top:0px; width:100%; height:100%; z-index:9999; background-color: #eee; filter:alpha(opacity:50)">
<table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center">
<table width="300" height="50" cellpadding="0" cellspacing="0" border="0">
<tr>
<td height="50" align="center"><img src="../__enImages__/icon.processing.gif" border="0"></td>
</tr>
</table>
</td>
</tr>
</table>
</div>

<table width="850" height="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="700" height="600" align="center"><span id="SlideShowZone"></span></td>
<td width="1" height="100%" style="background-color: #666;"></td>
<td height="100%" align="center" valign="top" style="background-color: #222;">
<table width="100%" height="600" cellpadding="0" cellspacing="0" border="0">
<tr>
<td height="8"></td>
</tr>
<tr>
<td height="20"><span style="font-size: 12px; color: #F63; font-weight: bold;">::: EnSlider ::::::::::</span></td>
</tr>
<tr>
<td height="5"></td>
</tr>
<tr>
<td>

<input type="hidden" id="isSlideShow" value="PLAY">
<input type="hidden" id="SHoWTiMe" value="1">
<table cellpadding="3" cellspacing="0" border="0">
<tr>
<td><span style="font-size: 11px; color: #F63;">슬라이드 시간</span> <span style="font-size: 11px; color: #F63;" id="printShowTime">1</span><span style="font-size: 11px; color: #F63;">초</span>
</td>
<td><img src="../__enImages__/sbtn.plus.gif" onClick="pmTime('+');" class="hand"></td>
<td><img src="../__enImages__/sbtn.minus.gif" onClick="pmTime('-');" class="hand"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="5"></td>
</tr>
<tr>
<td height="20" align="center">
<table cellpadding="2" cellspacing="0" border="0">
<tr>
<td><img src="../__enImages__/icon.minus.gif" class="hand" onClick="_PrevSlide();"></td>
<td><img src="../__enImages__/icon.nnext.gif" class="hand" onClick="gSetSlide('PLAY');"></td>
<td><img src="../__enImages__/icon.stop.gif" class="hand" onClick="gSetSlide('STOP');"></td>
<td><img src="../__enImages__/icon.plus.gif" class="hand" onClick="_NextSlide();"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="5"></td>
</tr>
<tr>
<td height="450"> </td>
</tr>
<tr>
<td align="center" valign="bottom"><input type="image" src="../__enImages__/btn.close.gif" onClick="window.close();"></td>
</tr>
<tr>
<td height="10"></td>
</tr>
</table>
</td>
</tr>
</table>

</body>
</html>

'인터넷관련' 카테고리의 다른 글

프레임 내에서 F5 누르면 현재화면 그대로 새로고침되기 (0)	2008.02.20
팝업차단 체킹 스크립트 (0)	2008.02.20
글씨의 색을 자동으로 변환시켜주는 함수 (0)	2008.02.20
수정이 가능한 텍스트 (인라인텍스트에디터) (0)	2008.02.20
폼에대한 142가지의 다양한 js 소스 (0)	2008.02.20
실시간검색어 예제 - 다음(daum) 스타일 (0)	2008.02.20
자바스크립트로 구현한 md4,md5,sha-1 (0)	2008.02.20
프레임 경계선을 넘나드는 createPopup() (0)	2008.02.20

Posted by 알 수 없는 사용자

,

폼에대한 142가지의 다양한 js 소스

인터넷관련 2008. 2. 20. 10:15

invalid-file

142    폼 입력 내용을 체크하여 깔끔하게 경고창 보여주기
141    부끄럼 타는 버튼
140    나쁜말 입력 금지
139    비밀번호 종합 체크
138    제목을 골라 메일 보내기
137    자바스크립트로 메일링 리스트를 만들어 보자
136    멀티 메일러 - Multi_Mailer
135    체크박스가 아닌곳을 선택해도 체크박스 선택하기
134    자바스크립트 에러 검증 스크립트
133    소스 훔쳐보기
132    체크박스 클릭하면 즉시 이동 시키기
131    년도별 띠 알아보기
130    페이지 로딩시 첫번째 필드의 특정 항목 자동선택 시키기
129    영어공부-아라비아 숫자 읽기
128    간단한 웹메일 보내기
127    페이지 검색기
126    웹 서치 엔진
125    폼 내용 전송전 확인 메세지 띄우기
124    폼 버튼 이름과 하이퍼링크가 계속 바뀌는 스트립트
123    누를 때마다 메시지가 바귀는 자바 버튼
122    폼을 입력한 후 확인 시키고 다은 페이지로 이동하게 하는 스크립트
121    앞으로, 뒤로 가기 버튼
120    이메일 주소 체크하기
119    첫글자를 대문자로 바꾸어주기
118    dHTML과 자바스크립트를 이용한 FORM 예제
117    다른사람에게 이메일 보내기
116    지정된 문자수가 채워지면 자동으로 다음칸으로 이동되는 스크립트
115    더 간단한 (할말만 적어보내는) 폼메일
114    입력 내용을 미리 보고 폼메일로 보내자
113    팝업창에서 확인하는 간단한 폼메일 스크립트입니다
112    이메일을 보내게 하는 간단한 스크립트
111    풀다운 메뉴로 전자메일을 골라 보내자
110    사용자의 정보와 의견 보내기 - 폼메일
109    간단한 Form Mail
108    RGB → HEX 코드로 간단하게 변환시키는 스크립트
107    HEX → RGB 스크립트
106    파일내 텍스트 서치 엔진
105    플래쉬 효과가 나는 하이퍼링크 텍스트 스크립트
104    HTML 코드를 특수문자로 바꾸어 주는 스크립트
103    상태바에서 남은 일/시를 알려주는 카운트 다운 폼 스크립트
102    마우스 오버로 text-area 문자열 자동 선택시키기
101    각국의 화폐단위를 알아보자 - 콤보박스의 선택값 넘기기
100    [전문가용] DHTML FORM
99    재미있는 기타코드 보여주기
98    결제정보 및 배달지 정보 입력 받기 소스
97    다양한 텍스트 폼 스크롤러를 하나로
96    날짜형식 자동완성 및 유효성 검사 하기
95    데이터 입력받아 알파벳(가나다)순으로 정열시켜 보여주기
94    입력된 메세지의 용량 구하기
93    회원명단에서 선택된 회원들에게 동일내용으로 이메일 보내기
92    효율적인 날짜 드롭다운 상자 만들기
91    폼메일 스크립트 (공백입력,전화번호, 이메일 유효성 검사)
90    텍스트 상자의 내용을 한꺼번에 선택 합니다
89    경고창을 15초 동안 닫을 수 없습니다
88    원하는 포맷으로 날짜형식 입력받기
87    조립 컴퓨터 견적 내기 + 이메일로 주문
86    신용카드 유효성 검사
85    숫자를 입력하면 자동으로 화폐단위를 넣어 줍니다
84    [투표] 이메일로 받아보는 간단한 투표스크립트
83    버튼 클릭으로 숫자를 증가/감소 시킵니다
82    대문자를 입력하면 소문자로 바꾸어 줍니다
81    다양한 문자입력 금지 스크립트
80    콤보메뉴에서 오늘 날짜와 연도가 자동으로 선택 되어 집니다
79    날짜입력을 팝업 카렌다에서 선택할수 있습니다
78    간단한, 문자, 숫자 입력 유효성 검사하기
77    텍스트 상자에 인라인 자동완성 효과를 줍니다
76    문자열에 공백이 있으면 + 부호로 이어줍니다
75    친구에게 현재 페이지 추천하기
74    하이퍼링크에 새창으로 열기 옵션 넣기
73    품목별 주문수량을 입력받아 총금액 보여주기
72    라디오버튼 클릭으로 주문한 메뉴 합계금액 보여주기
71    2개의 콤보메뉴에서 동일내용은 선택을 할 수 없습니다
70    태그 입력 금지시키기
69    폼메일 - 미리 지정된 사람에게 메일을 보냅니다
68    이전필드의 입력값을 메모리 형태로 가져 옵니다
67    자바스크립트 메일리스트
66    사용자가 리스트 박스 항목 추가/삭제 하기
65    지정된 글자수만큼만 입력가능하게 하고, 남은 글자수를 실시간으로 보여줍니다
64    사용자가 목록 추가하기
63    사용자가 자신의 PC 파일을 열어 직접 실행 시킬 수 있습니다
62    텍스트영역에서 이메일 주소만 추출 합니다
61    submit 버튼을 두번 클릭하지 못하게 비활성화 시킵니다
60    소숫점 2자리까지만 입력이 가능합니다
59    팝업창의 값을 참조하여 오프너에 보내기 예제
58    체크박스 항목을 그룹별로 선택하게 해 줍니다
57    주문자 정보 필드 값을 배송지 정보 필드에 복사합니다
56    폼 요소들의 배경색이 애니메이션 됩니다
55    콤보 메뉴의 옵션 항목이 5초마다 저절로 바뀝니다
54    숫자에 3자리 단위로 콤마를 찍어 줍니다
53    홈페이지 추천하기
52    콤보메뉴에서 항상 오늘날짜를 년-월-일 로 보여줍니다
51    애니메이션 후 이동하는 콤보메뉴 만들기
50    자동으로 현재의 년월일을 선택하는 콤보상자
49    이미지를 이용한 다이나믹 submit 버튼 예제
48    입력영역에 최대 입력 글자수를 제한 합니다
47    필수항목은 반드시 입력 하게 합니다
46    정규식을 사용한 이메일 주소 체크하기
45    콤보상자에서 선택한 내용을 입력영역에 차례대로 디스플레이 해 줍니다
44    입력한 이메일 주소를 경고창을 띄워 확인 시킨 후 submit 합니다
43    특정 이메일 주소 입력을 금지합니다
42    여러가지 형태의 날짜 입력값을 특정 형태로 변환합니다
41    입력상자의 날짜형식 변환하기
40    이름이나 아이디중 한가지만 입력하게 합니다
39    체크박스 항목을 모두선택, 모두해제, 또는 반전 시켜 줍니다
38    영문자나 숫자만 입력 할 수 있습니다
37    한번만 submit 되게 합니다
36    폼 요소에 멋진 페이드 효과 주기
35    현재 페이지 이메일로 보내는 버튼 만들기
34    원하는 사람에게 메일 보내기 버튼 만들기
33    동의하지 않으면 버튼을 누를수 없습니다
32    텍스트 영역에서 입력 글자(단어)수를 제한 합니다
31    뒤에 붙는 불필요한 공백 문자열을 없애줍니다
30    앞에 붙는 불필요한 공백문자열을 지워 줍니다
29    특정 파일형태만 업로드 할 수 있습니다
28    유효한 IP 주소인지 검사합니다
27    탭키 대신 엔터키를 눌러 이동합니다
26    전송버튼에 '전송중...' 이라는 표시를 해 줍니다
25    사용자가 table sort 시키기
24    레이어를 사용하여 select box 를 동적으로 생성합니다
23    폼요소가 하이라이트 됩니다
22    입력 문자열 앞에 붙는 공백 제거하기
21    입력필드에 내용을 입력하면 아래쪽에 큰 글자로 보여줍니다
20    자바스크립트로 폼 입력값 전송받기
19    팝업 윈도우로 변수값 넘기기
18    3단계의 콤보상자에 오늘의 연월일을 자동으로 나타내 줍니다
17    폼필드에 입력할 수 있는 글자의 수를 제한 합니다
16    마우스를 클릭하면 필드의 내용이 모두 선택됩니다
15    텍스트 필드에 디폴트 메세지를 보여주고 클릭하면 사라집니다
14    버튼으로 텍스트영역의 크기를 제어합니다
13    이메일 주소가 올바른지 한번더 입력하여 체크합니다
12    동적으로 생성되는 다이나믹 콤보상자 메뉴
11    체크박스나 라디오버튼의 모두선택/모두해제 시키는 스크립트
10    테이블을 이용한 스프레드시트 시뮬레이션
9    한글입력을 금지시킵니다
8    엔터키를 누르면 다음 입력상자로 이동합니다
7    사용자가 텍스트 박스 추가 하기
6    라디오버튼으로 여러개의 폼 요소를 숨기거나 보이게 해 줍니다
5    사용자 선택에 따라 각기 다른 action 값 주기
4    정확한 이메일 주소를 적지 않으면 버튼이 활성화 되지 않습니다
3    빈칸을 채우지 않으면 입력상자에 경고색을 보냅니다
2    실시간으로 입력할 수 있는 글자의 수를 알려줍니다
1    옵션 엘리먼트 추가시키기

Subject
폼 입력 내용을 체크하여 깔끔하게 경고창 보여주기

<!-- Begin
function checkFields() {
missinginfo = "";
if (document.form.name.value == "") {
missinginfo += "\n - 성명";
}
if ((document.form.from.value == "") ||
(document.form.from.value.indexOf('@') == -1) ||
(document.form.from.value.indexOf('.') == -1)) {
missinginfo += "\n - 이메일 주소";
}
if ((document.form.website.value == "") ||
(document.form.website.value.indexOf("http://") == -1) ||
(document.form.website.value.indexOf(".") == -1)) {
missinginfo += "\n - 홈페이지";
}
if(document.form.comments.value == "") {
missinginfo += "\n - 내용";
}

if (missinginfo != "") {
missinginfo ="_____________________________\n" +
"다음항목에 에러가 있습니다:\n" +
missinginfo + "\n_____________________________" +
"\n확인후 다시 입력 하세요";
alert!(missinginfo);
return false;
}
else return true;
}
// End -->
</script>

</HEAD>

E-mail: <input type=text name="from" size=30>

Web Site: <input type=text value="http://" name="website" size=30>

Comments:

Next
부끄럼 타는 버튼
자료실

16 19:31:21

Subject
부끄럼 타는 버튼

</HEAD>

Prev
폼 입력 내용을 체크하여 깔끔하게 경고창 보여주기
자료실

Next
나쁜말 입력 금지
자료실

16 19:30:08

Subject
나쁜말 입력 금지

<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
</HEAD>

Prev
부끄럼 타는 버튼
자료실

Next
비밀번호 종합 체크
자료실

16 19:29:41

Subject
비밀번호 종합 체크

</script>

</HEAD>

<center>
<form name=myForm onSubmit="return validatePwd()">
비밀번호를 2번 입력 하세요
<br>
(6~12자 사이로 입력하시고 공백은 허용하지 않습니다)
<p>
비밀번호 <input type=password name=password maxlength=12>
<br>
한번 더 <input type=password name=password2 maxlength=12>
<p>
<input type=submit value="Submit">
</form>
</center>

Prev
나쁜말 입력 금지
자료실

Next
제목을 골라 메일 보내기
자료실

16 19:28:46

Subject
제목을 골라 메일 보내기

<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

</HEAD>

<BR>
<FORM NAME = "Mail" ACTION = "mailto:babo@babo.com?subject=그냥" METHOD = "POST" ENCTYPE = "text/plain" onSubmit="return formCheck();">
<INPUT TYPE = "hidden" SIZE = 0 NAME = "Info">
<TABLE BORDER = 0 CELLPADDING = 10 CELLSPACING = 0>
<TR><TD>
이름 :
<INPUT TYPE = "text" NAME = "Name" onChange = "setName()">
</TD><TD ALIGN = RIGHT >
제목 :
<SELECT NAME = "Subject">
<OPTION SELECT>선택하세요</OPTION>
<OPTION>1. 질문</OPTION>
<OPTION>2. 답변</OPTION>
<OPTION>3. 제안</OPTION>
<OPTION>4. 잡담</OPTION>
<OPTION>5. 기타</OPTION>
</SELECT>
</TD></TR>

<TR>
<TD COLSPAN = 2>
내용을 적어주세요 :
<BR><BR>
<TEXTAREA NAME = "Comments, Suggestions" COLS = 75 ROWS = 6>
</TEXTAREA>
</TD>
</TR>
</TABLE>

Prev
비밀번호 종합 체크
자료실

Next
자바스크립트로 메일링 리스트를 만들어 보자
자료실

16 19:28:17

Subject
자바스크립트로 메일링 리스트를 만들어 보자

</script>

</HEAD>

<CENTER>
<FORM enctype="text/plain" name="addform" method='get'
action='mailto:babo@babo.com?subject=Mailing List' onSubmit="return submitForms()">
<TABLE border=3 width=430 cellpadding=10><TD align="center">
<strong>
<font face="arial" size=+2>메일링 리스트에 가입하세요</font>
</strong>
</TABLE>
<input type="hidden" name="Form" value="Submit Sub">
<TABLE border=3 cellspacing=0 cellpadding=2 bgcolor="#C0C0C0">
<tr valign=baseline>
<TD>
<font face="arial">Email Address:</font>
</TD>
<TD>
<input type=text name="Email Address" size=35,1 maxlength=80>
</TD>
</tr>
<tr>
<TD>
<font face="arial">First Name:</font>
</TD>
<TD>
<input type=text name="First Name" size=35,1 maxlength=80>
</TD></tr>
<tr>
<TD>
<font face="arial">Last Name:</font>
</TD>
<TD>
<input type=text name="Last Name" size=35,1 maxlength=80>
</TD></tr>
<tr>
<TD>
<font face="arial">Address:</font>
</TD>
<TD>
<input type=text name="Address" size=35,1 maxlength=80>
</TD></tr>
<tr>
<TD>
<font face="arial">City:</font>
</TD>
<TD>
<input type=text name="City" size=35,1 maxlength=80>
</TD></tr>
<tr>
<TD>
<font face="arial">State:</font>
</TD>
<TD>
<input type=text name="State" size=10,1 maxlength=25>
</TD></tr>
<tr>
<TD>
<font face="arial">Zip Code:</font>
</TD>
<TD>
<input type=text name="Zip" size=20,1 maxlength=35>
</TD></tr></TABLE>
<br>
<center>
<input type="submit" value=" Submit ">
<input type="button" value=" Return " onclick="window.location!='your-page.html'">
<input type="reset" value="Reset Form" onclick=resetform()>
</FORM>
</CENTER>

Prev
제목을 골라 메일 보내기
자료실

Next
멀티 메일러 - Multi_Mailer
자료실

16 19:27:27

Subject
멀티 메일러 - Multi_Mailer

<TABLE BORDER=0>
<TR VALIGN="top">
<TD>받는사람 :</TD>
<TD><SELECT NAME="mailtoperson" onChange="msg(this.form)">
<OPTION VALUE="">-- Select --
<OPTION VALUE="person1@daum.net">기술책임자
<OPTION VALUE="person2@daum.net">요금책임자
<OPTION VALUE="person3@daum.net">웹 마스터
</SELECT></TD>
</TR>
<TR VALIGN="top">
<TD>성명 :</TD>
<TD><INPUT TYPE="text" SIZE=45 NAME="name" onChange="msg(this.form)"></TD>
</TR>
<TR VALIGN="top">
<TD>회신 이메일 주소 :</TD>
<TD><INPUT TYPE="text" SIZE=45 NAME="email" onChange="msg(this.form)"></TD>
</TR>
<TR VALIGN="top">
<TD>종류 :</TD>
<TD>
<SELECT NAME="priority" onChange="msg(this.form)">
<OPTION VALUE="Normal">일반
<OPTION VALUE="Urgent">긴급
<OPTION VALUE="No Reply Needed">회신거부
</SELECT></TD>
</TR>
<TR VALIGN="top">
<TD>제목 :</TD>
<TD><INPUT TYPE="text" SIZE=45 NAME="subject" onChange="msg(this.form)"></TD>
</TR>
<TR VALIGN="top">
<TD>내용 :</TD>
<TD><TEXTAREA NAME="message" COLS=45 ROWS=5 WRAP="virtual" OnChange="msg(this.form)"></TEXTAREA></TD>
</TR>
<TR>
<TD> </TD>
<TD><INPUT TYPE="submit" VALUE="보내기">
<INPUT TYPE="reset" VALUE="재작성"></TD>
</TR>
</TABLE>
</FORM>

<SCRIPT LANGUAGE="JavaScript">
function msg() {
document.mailer.action = "mailto:"
mailtoandsubject = ((document.mailer.mailtoperson.options[document.mailer.mailtoperson.selectedIndex].value) + '?subject=' + document.mailer.subject.value);
}
</SCRIPT>

Prev
자바스크립트로 메일링 리스트를 만들어 보자
자료실

Next
체크박스가 아닌곳을 선택해도 체크박스 선택하기
자료실

16 19:25:51

Subject
체크박스가 아닌곳을 선택해도 체크박스 선택하기

</script>

</HEAD>

<BODY>

<center>
<form name=demoform>
<input type=checkbox name=agreebox>
<span id="hellospan" style="cursor:hand;" onClick="changeBox('document.demoform.agreebox')">이 텍스트를 클릭해도 왼쪽 체크박스를 틀릭한 것과 같습니다 (IE Only)</span>
</form>
</center>

Prev
멀티 메일러 - Multi_Mailer
자료실

Next
자바스크립트 에러 검증 스크립트
자료실

16 19:23:40

Subject
자바스크립트 에러 검증 스크립트

</HEAD>

.

Prev
체크박스가 아닌곳을 선택해도 체크박스 선택하기
자료실

Next
소스 훔쳐보기
자료실

16 19:23:11

Subject
소스 훔쳐보기

</HEAD>

<center>
보기를 윈하는 페이지의 완전한 URL 을 입력하세요
<br>
<br>
<form name=getSource onSubmit="return viewSource();">
<input type=text name=url value="http://">
<br>
<br>
<input type=submit name=view value=" 소스 보기 ">
</form>
</center>

Prev
자바스크립트 에러 검증 스크립트
자료실

Next
체크박스 클릭하면 즉시 이동 시키기
자료실

16 19:22:42

Subject
체크박스 클릭하면 즉시 이동 시키기

Prev
소스 훔쳐보기
자료실

Next
년도별 띠 알아보기
자료실

16 19:22:04

Subject
년도별 띠 알아보기

}
// -->
</script>

<p align=center>
<form NAME="frm">
희망 연도를 입력하세요
<input TYPE="text" SIZE="4" NAME="inyear" value="2000" onFocus="this.select()">년
<input TYPE="button" VALUE="확인" onClick="getpet()">
===============>
<input TYPE="text" SIZE="9" NAME="birth">입니다.
</form>

Prev
체크박스 클릭하면 즉시 이동 시키기
자료실

Next
페이지 로딩시 첫번째 필드의 특정 항목 자동선택 시키기
자료실

16 19:21:45

Subject
페이지 로딩시 첫번째 필드의 특정 항목 자동선택 시키기


<SCRIPT LANGUAGE="JavaScript">

</script>

</HEAD>

<BODY BGCOLOR="#FFFFFF" onLoad="toForm()">

<FORM NAME="form" METHOD="POST" ACTION="#">
<SELECT NAME="field1" SIZE="1">
<OPTION VALUE="one">첫번째필드-1
<OPTION VALUE="two">첫번째필드-2
</SELECT>
<BR>
<INPUT TYPE="TEXT" NAME="field2" SIZE="10"> Field 2<BR>
<INPUT TYPE="TEXT" NAME="field3" SIZE="10"> Field 3<BR>
<BR>
<INPUT TYPE="SUBMIT" NAME="submit" VALUE="Submit">
<INPUT TYPE="RESET" onclick="toForm();">
</FORM>

Prev
년도별 띠 알아보기
자료실

Next
영어공부-아라비아 숫자 읽기
자료실

16 19:21:18

Subject
영어공부-아라비아 숫자 읽기

<SCRIPT LANGUAGE="JavaScript">
var n = "";
function validate(input) {
if (input.length == 0) {
alert! ('Please Enter A Number.');
document.myform.textver.value = "";
return true;
}
else convert(input);
}
function d1(x) { // single digit terms
switch(x) {
case '0': n= ""; break;
case '1': n= " One "; break;
case '2': n= " Two "; break;
case '3': n= " Three "; break;
case '4': n= " Four "; break;
case '5': n= " Five "; break;
case '6': n= " Six "; break;
case '7': n= " Seven "; break;
case '8': n= " Eight "; break;
case '9': n= " Nine "; break;
default: n = "Not a Number";
}
return n;
}
function d2(x) { // 10x digit terms
switch(x) {
case '0': n= ""; break;
case '1': n= ""; break;
case '2': n= " Twenty "; break;
case '3': n= " Thirty "; break;
case '4': n= " Forty "; break;
case '5': n= " Fifty "; break;
case '6': n= " Sixty "; break;
case '7': n= " Seventy "; break;
case '8': n= " Eighty "; break;
case '9': n= " Ninety "; break;
default: n = "Not a Number";
}
return n;
}
function d3(x) { // teen digit terms
switch(x) {
case '0': n= " Ten "; break;
case '1': n= " Eleven "; break;
case '2': n= " Twelve "; break;
case '3': n= " Thirteen "; break;
case '4': n= " Fourteen "; break;
case '5': n= " Fifteen "; break;
case '6': n= " Sixteen "; break;
case '7': n= " Seventeen "; break;
case '8': n= " Eighteen "; break;
case '9': n= " Nineteen "; break;
default: n= "Not a Number";
}
return n;
}
function convert(input) {
var inputlength = input.length;
var x = 0;
var teen1 = "";
var teen2 = "";
var teen3 = "";
var numName = "";
var invalidNum = "";
var a1 = ""; // for insertion of million, thousand, hundred
var a2 = "";
var a3 = "";
var a4 = "";
var a5 = "";
digit = new Array(inputlength); // stores output
for (i = 0; i < inputlength; i++) {
digit[inputlength - i] = input.charAt(i)};
store = new Array(9); // store output
for (i = 0; i < inputlength; i++) {
x= inputlength - i;
switch (x) { // assign text to each digit
case x=9: d1(digit[x]); store[x] = n; break;
case x=8: if (digit[x] == "1") {teen3 = "yes"}
else {teen3 = ""}; d2(digit[x]); store[x] = n; break;
case x=7: if (teen3 == "yes") {teen3 = ""; d3(digit[x])}
else {d1(digit[x])}; store[x] = n; break;
case x=6: d1(digit[x]); store[x] = n; break;
case x=5: if (digit[x] == "1") {teen2 = "yes"}
else {teen2 = ""}; d2(digit[x]); store[x] = n; break;
case x=4: if (teen2 == "yes") {teen2 = ""; d3(digit[x])}
else {d1(digit[x])}; store[x] = n; break;
case x=3: d1(digit[x]); store[x] = n; break;
case x=2: if (digit[x] == "1") {teen1 = "yes"}
else {teen1 = ""}; d2(digit[x]); store[x] = n; break;
case x=1: if (teen1 == "yes") {teen1 = "";d3(digit[x])}
else {d1(digit[x])}; store[x] = n; break;
}
if (store[x] == "Not a Number"){invalidNum = "yes"};
switch (inputlength){
case 1: store[2] = "";
case 2: store[3] = "";
case 3: store[4] = "";
case 4: store[5] = "";
case 5: store[6] = "";
case 6: store[7] = "";
case 7: store[8] = "";
case 8: store[9] = "";
}
if (store[9] != "") { a1 =" Hundred, "} else {a1 = ""};
if ((store[9] != "")||(store[8] != "")||(store[7] != ""))
{ a2 =" Million, "} else {a2 = ""};
if (store[6] != "") { a3 =" Hundred "} else {a3 = ""};
if ((store[6] != "")||(store[5] != "")||(store[4] != ""))
{ a4 =" Thousand, "} else {a4 = ""};
if (store[3] != "") { a5 =" Hundred "} else {a5 = ""};
}
// add up text, cancel if invalid input found
if (invalidNum == "yes"){numName = "Invalid Input"}
else {
numName = store[9] + a1 + store[8] + store[7]
+ a2 + store[6] + a3 + store[5] + store[4]
+ a4 + store[3] + a5 + store[2] + store[1];
}
store[1] = ""; store[2] = ""; store[3] = "";
store[4] = ""; store[5] = ""; store[6] = "";
store[7] = ""; store[8] = ""; store[9] = "";
if (numName == ""){numName = "Zero"};
document.myform.textver.value = numName;
return true;
}
</script>

</HEAD>

Prev
페이지 로딩시 첫번째 필드의 특정 항목 자동선택 시키기
자료실

Next
간단한 웹메일 보내기
자료실

16 19:20:56

Subject
간단한 웹메일 보내기


<script>
function sendIt(){
var toMail = theEmail.value var Subj = theSub.value
document.theForm.action = "mailto:" + toMail + "?Subject=" + Subj
}
</script>
</HEAD>
<BODY BGCOLOR="#FFFFFF">

<p><small><strong><font face="Arial">받을 사람의 이메일 주소 </font></strong></small><input
type="text" name="theEmail" size="36"></p>

Prev
영어공부-아라비아 숫자 읽기
자료실

Next
페이지 검색기
자료실

16 19:20:35

Subject
페이지 검색기

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var NS4 = (document.layers);
var IE4 = (document.all);

var win = this;
var n = 0;

</HEAD>

<form name=search onSubmit="return findInPage(this.string.value);">
현재 페이지에서 검색
<input name=string type=text size=15 onChange="n = 0;">
</form>

우리나라 대한민국 민주당 국민회의 한나라당 평민당 자민련

Prev
간단한 웹메일 보내기
자료실

Next
웹 서치 엔진
자료실

16 19:20:04

Subject
웹 서치 엔진

<script language="JavaScript">
function search2(){
var a= window.open("about:blank","b","width=200,height=300,resizable=no,maximizable=no")
var b = document.search.query2.value
var c = document.search.yahoo.value
var d = document.search.altavista.value
var e = document.search.webcrawler.value
var f = document.search.excite.value
var hp= document.search.home.value
a.document.write("<html>\n<head>\n<title>The C Zone</title>\n</head>")
a.document.write("<body bgcolor='#DAA520' vlink='#0000FF' alink='#FF0000'>\n")
a.document.write("<a href='"+c+b+"' target='main'>Yahoo!</a><br><br>\n")
a.document.write("<a href='"+d+b+"' target='main'>Altavista</a><br><br>\n")
a.document.write("<a href='"+e+b+"' target='main'>WebCrawler</a><br><br>\n")
a.document.write("<a href='"+f+b+"' target='main'>Excite</a><br><br>\n")
a.document.write("<a href='"+hp+"' target='main'>Home</a><br><br>\n")
a.document.close()
self.name = "main"
}
</script><form name="search">
<input type="hidden" name="yahoo" value="http://search.yahoo.com/search?p=">
<input type="hidden" name="altavista" value="http://www.altavista.com/cgi-bin/query?pg=q&
what=web&fmt=.&q=">
<input type="hidden" name="webcrawler" value="http://www.webcrawler.com/cgi-bin/WebQuery?
searchText=">
<input type="hidden" name="excite" value="http://www.excite.com/search.gw?trace=a&
search=">
<input type="hidden" name="lycos" value="http://www.lycos.com/cgi-bin/pursuit?query=">
<input type="hidden" name="hotbot" value="http://hotbot.lycos.com/?MT=">
<input type="hidden" name="looksmart"
value="http://www.looksmart.com/r_search?l&iabw&search=0&key=">
<input type="hidden" name="home" value="file:///c:/my%20html/search2.html">
Search the internet for:
<input type="text" size="25" name="query2" class="fm"><br>
<input type="button" value="Search" onClick="search2()" class="fm"> <input type="reset" class="fm"
value=" Clear "><br>
<font style="font-size:8pt;">
(검색을 선택하면 원하는 검색엔진을 선택하는 창이 생깁니다)
</font>
</form>

Prev
페이지 검색기
자료실

Next
폼 내용 전송전 확인 메세지 띄우기
자료실

16 19:19:22

Subject
폼 내용 전송전 확인 메세지 띄우기

.

Prev
웹 서치 엔진
자료실

Next
폼 버튼 이름과 하이퍼링크가 계속 바뀌는 스트립트
자료실

16 19:18:38

Subject
폼 버튼 이름과 하이퍼링크가 계속 바뀌는 스트립트

[스크립트]

//head 부분에 삽입

<!-- begin
// please help yourself to this code.
var startTime =null;
var timerID =null;
var initial =new Date();
var pos =0;
var menuItem =null;

function initArray() {
this.length = initArray.arguments.length
for (var i = 0; i < this.length; i++) {
this[i+1] = initArray.arguments[i]
}
}

function parsemenuItem(data,num) {
for(var i=0;i<data.length;i++) {
if(data.substring(i,i+1)=="|") break;
   }
   if (num==0) return(data.substring(0,i));
   else return(data.substring(i+1,data.length));
}

function startTimer() {
   initial = new Date();
   startTime=initial.getTime();
   stopTimer();
   menuItem = new initArray("자바스크립트 메뉴화면|http://javascript.htm",
"자바스크립트 메뉴화면|http://top.thm",
"야후 코리아|http://yahoo.co.kr",
"투표하기|http://",
"방명록|http://",
"심마니|http://",
"자바스크립트 Q&A|",
"Email|mailto:webmaster@javascript.co.kr"); // 원하는 사이트 제목과 주소를 형식에 맞추어 입력하세요.
   showTimer();
}

function stopTimer() {
   timerID=null;
   menuItem=null;
   //clearTimeout(timerID);
}

function showTimer() {
pos= (pos == menuItem.length) ? 1 : pos +1;
document.forms[0].elements[0].value=parsemenuItem(menuItem[pos],0);

timerID=window.setTimeout('showTimer()',1500);
}

function goToUrl() {
   //parent.welcome.location!=parsemenuItem(menuItem[pos],1);
   this.location!=parsemenuItem(menuItem[pos],1);
   return (false);
}
// end -->

</SCRIPT>

//body 부분에 삽입

Prev
폼 내용 전송전 확인 메세지 띄우기
자료실

Next
누를 때마다 메시지가 바귀는 자바 버튼
자료실

16 19:18:06

Subject
누를 때마다 메시지가 바귀는 자바 버튼

// HEAD 에 들어갈 자바스크립트
<script language="JavaScript">

</script>

// BODY 에 들어갈 폼 태그
<form name="FormName" method="get">
<input type="button" name="ButtonName" value=" 라라라 " onclick="toggle( )">
</form>

Prev
폼 버튼 이름과 하이퍼링크가 계속 바뀌는 스트립트
자료실

Next
폼을 입력한 후 확인 시키고 다은 페이지로 이동하게 하는 스크립트
자료실

16 19:17:34

Subject
폼을 입력한 후 확인 시키고 다은 페이지로 이동하게 하는 스크립트

<SCRIPT LANGUAGE="JavaScript">
<!--- Hide script from old browsers.
var reccnt
var count_addrbook_from = 0
var t = 0
var count_user_entries
var total_corrections_index_number = 0
var total_current_corrections_sofar = 0

var num_items_on_page
var page_item_count
var num_items_left_to_page
num_items_left_to_page = 0
addrbook = new Array();
storeck = new Array();
//*******************************************************************
//*******************************************************************
//for each input field entered it goes into a two dimentional array
//the input text field is then cleared - focus is adjusted
//*******************************************************************
//*******************************************************************
function accept_form_data(){

   document.addr.count.value = ++reccnt;
   addrbook[t] = new Array();
   for (p=0; p < 5; p++) {
   addrbook[t][p] = document.addr.field[p].value;

document.addr.field[p].value = "";

}
document.addr.elements[1].focus();

t++;
count_user_entries = t;
}
//*******************************************************************
//*******************************************************************
//after user clicks finished data entry button then the labels are
//shown 4 per page with a checkbox attached. the user checks the box
//if corrections are necessary
//*******************************************************************
//*******************************************************************
function show_form_data() {

page_item_count = 0
if (count_user_entries - num_items_left_to_page > 4) {
q = count_addrbook_from + 4;
}
else {
q = count_addrbook_from + (count_user_entries - num_items_left_to_page);

}
//*******************************************************************
//the second window is opened and configured
//*******************************************************************

msgWindow=window.open('','xxxx',
'toolbar=no,scrollbars=no,status=no,location=no,resizable=yes,menu=no,width=400,height=480')
//*******************************************************************
//the second window is presented using html
//*******************************************************************

msgWindow.document.write("<div align='center'>");

msgWindow.document.write("<form name='labels'>");
msgWindow.document.write("<table border=0>");
//msgWindow.document.write("<tr>");

//msgWindow.document.write("</tr>");
//*******************************************************************
//first for array give new label second for gives items in label
//*******************************************************************
   for (g=count_addrbook_from; g < q; g++){

if (page_item_count == 2) msgWindow.document.write("</tr>");
if (page_item_count == 2) msgWindow.document.write("<tr>");

   msgWindow.document.write("<td width=144>");
   msgWindow.document.write("<input type='checkbox' name='check1' size=0>",
   '(check to correct)',"<br>") ;

for (h=0; h < 5; h++){

   msgWindow.document.write(addrbook[g][h],"<br>");
   if (h == 4) msgWindow.document.write("<br><br>");
}
   msgWindow.document.write("</td>");
   page_item_count ++
}
   msgWindow.document.write("</tr>");
   msgWindow.document.write("</table>");
   msgWindow.document.write("<input type='button' name='button3' value='next page' onClick='opener.calcpage()'>");
   msgWindow.document.write("</div>");
   msgWindow.document.write("</form>");

}
//*******************************************************************
//*******************************************************************
//first checks to see if any checkboxes checked. closes current
//window in preparation of showing new window with next 4 labels
//*******************************************************************
//*******************************************************************
function calcpage(){
checkck();
msgWindow.close();
num_items_left_to_page = num_items_left_to_page + 4 ;
count_addrbook_from = count_addrbook_from + 4 ;
if (q < count_user_entries) {
   indent=window.setTimeout("show_form_data()",500);
}
else{
   total_current_corrections_sofar = 0 ;
show_form_corrections();
}
}
//*******************************************************************
//*******************************************************************
//will stoe the relative position of checkbox increased by from index
//to give the true element number to look up in addrbook in order to
//show label to correct later on
//*******************************************************************
//*******************************************************************
function checkck(){

if (page_item_count == 1) {
   if (msgWindow.document.labels.check1.checked == true) {
storeck[total_corrections_index_number] = count_addrbook_from;
total_corrections_index_number++
}
}
else {
   for (e=0; e < page_item_count; e++) {
   if (msgWindow.document.labels.check1[e].checked == true) {
   storeck[total_corrections_index_number] = e + count_addrbook_from;
   total_corrections_index_number++
}
}

}
}
//*******************************************************************
//*******************************************************************
//if correction exits controls the showing of them
//*******************************************************************
//*******************************************************************
function show_form_corrections(){

if (total_current_corrections_sofar > 0) {
msgWindow2.close();
}
if (total_current_corrections_sofar < total_corrections_index_number) {
indent2=window.setTimeout("showcorrections()",500);
}
}
//*******************************************************************
//*******************************************************************
//presents html to show corrections and on change in any field will
//change appropriate addrbook element
//*******************************************************************
//*******************************************************************
function showcorrections(){
//*******************************************************************
//the second window is opened and configured
//*******************************************************************
msgWindow2=window.open('','xxxxz',
'toolbar=no,scrollbars=no,status=no,location=no,resizable=yes,menu=no,width=600,height=500')
//*******************************************************************
//the second window is presented using html
//*******************************************************************
msgWindow2.document.write("<div align='center'>");
msgWindow2.document.write("<b>this presents one correction screen at a time</b>");
msgWindow2.document.write("<form name='corrections'>");
msgWindow2.document.write("<table border=0>");
msgWindow2.document.write("<tr>");
msgWindow2.document.write("<td align='right'>");
msgWindow2.document.write("<b>name:</b>");
msgWindow2.document.write("</td>");
msgWindow2.document.write("<td align='left'>");
msgWindow2.document.write("<input type=text name='corrfld' size=30 onChange='opener.changename()'><br>");
msgWindow2.document.write("</td>");
msgWindow2.document.write("</tr>");

msgWindow2.document.write("<tr>");
msgWindow2.document.write("<td align='right'>");
msgWindow2.document.write("<b>address:</b>");
msgWindow2.document.write("</td>");
msgWindow2.document.write("<td align='left'>");
msgWindow2.document.write("<input type=text name='corrfld' size=30 onChange='opener.changestreet()'><br>");
msgWindow2.document.write("</td>");
msgWindow2.document.write("</tr>");

msgWindow2.document.write("<tr>");
msgWindow2.document.write("<td align='right'>");
msgWindow2.document.write("<b>city:</b>");
msgWindow2.document.write("</td>");
msgWindow2.document.write("<td align='left'>");
msgWindow2.document.write("<input type=text name='corrfld' size=15 onChange='opener.changecity()'><br>");
msgWindow2.document.write("</td>");
msgWindow2.document.write("</tr>");

msgWindow2.document.write("<tr>");
msgWindow2.document.write("<td align='right'>");
msgWindow2.document.write("<b>state:</b>");
msgWindow2.document.write("</td>");
msgWindow2.document.write("<td align='left'>");
msgWindow2.document.write("<input type=text name='corrfld' size=2 onChange='opener.changestate()'><br>");
msgWindow2.document.write("</td>");
msgWindow2.document.write("</tr>");

msgWindow2.document.write("<tr>");
msgWindow2.document.write("<td align='right'>");
msgWindow2.document.write("<b>zip:</b>");
msgWindow2.document.write("</td>");
msgWindow2.document.write("<td align='left'>");
msgWindow2.document.write("<input type=text name='corrfld' size=5 onChange='opener.changezip()'><br>");
msgWindow2.document.write("</td>");
msgWindow2.document.write("</tr>");

//*******************************************************************
//first for array give new label second for gives items in label
//*******************************************************************
   for (h=0; h < 5; h++){
msgWindow2.document.corrections.corrfld[h].value = addrbook[storeck[total_current_corrections_sofar]][h];
}
   total_current_corrections_sofar++

   msgWindow2.document.write("</table>");
   msgWindow2.document.write("<input type='button' name='button4' value='next correction' onClick='opener.show_form_corrections()'>");
   msgWindow2.document.write("</div>");
   msgWindow2.document.write("</form>");
}
//*******************************************************************
//*******************************************************************
//processes actual change routine for name
//*******************************************************************
//*******************************************************************
function changename(){
if (total_corrections_index_number == 1){
addrbook[storeck][0] = msgWindow2.document.corrections.corrfld[0].value ;
}
else{
addrbook[storeck[total_current_corrections_sofar - 1]][0] = msgWindow2.document.corrections.corrfld[0].value ;
}
}
//*******************************************************************
//*******************************************************************
//processes actual change routine for street
//*******************************************************************
//*******************************************************************
function changestreet(){
if (total_corrections_index_number == 1){
addrbook[storeck][1] = msgWindow2.document.corrections.corrfld[1].value ;
}
else{
addrbook[storeck[total_current_corrections_sofar - 1]][1] = msgWindow2.document.corrections.corrfld[1].value ;
}
}
//*******************************************************************
//*******************************************************************
//processes actual change routine for city
//*******************************************************************
//*******************************************************************
function changecity(){
if (total_corrections_index_number == 1){
addrbook[storeck][2] = msgWindow2.document.corrections.corrfld[2].value ;
}
else{
addrbook[storeck[total_current_corrections_sofar - 1]][2] = msgWindow2.document.corrections.corrfld[2].value ;
}
}

//*******************************************************************
//*******************************************************************
//processes actual change routine for state
//*******************************************************************
//*******************************************************************
function changestate(){
if (total_corrections_index_number == 1){
addrbook[storeck][3] = msgWindow2.document.corrections.corrfld[3].value ;
}
else{
addrbook[storeck[total_current_corrections_sofar - 1]][3] = msgWindow2.document.corrections.corrfld[3].value ;
}
}
//*******************************************************************
//*******************************************************************
//processes actual change routine for zip
//*******************************************************************
//*******************************************************************
function changezip(){
if (total_corrections_index_number == 1){
addrbook[storeck][4] = msgWindow2.document.corrections.corrfld[4].value ;
}
else{
addrbook[storeck[total_current_corrections_sofar - 1]][4] = msgWindow2.document.corrections.corrfld[4].value ;
}
}
//*******************************************************************
//counter on form intialized and focus set for first text box
//*******************************************************************
function firsttime(){

   reccnt = 1;
   document.addr.elements[1].focus();
   document.addr.count.value = reccnt;

}
// End the hiding here. -->
</SCRIPT>
</HEAD>

<b>
tab to go from one field to next -
a tab after zip field will present next data entry
</b>

<form name="addr" >
<table border=0>
<tr>
<td>
<b>record count:</b>
</td>
<td>
<input type=text name="count" size=4><br>
</td>
</tr>
<tr>
<td align="right">
<b>name:</b>
</td>
<td align="left">
<input type=text name="field" size=30><br>
</td>
</tr>
<tr>
<td align="right">
<b>address:</b>
</td>
<td align="left">
<input type=text name="field" size=30><br>
</td>
</tr>
<tr>
<td align="right">
<b>city:</b>
</td>
<td align="left">
<input type=text name="field" size=15><br>
</td>
</tr>
<tr>
<td align="right">
<b>state:</b>
</td>
<td align="left">
<input type=text name="field" maxlength=2 size=2><br>
</td>
</tr>
<tr>
<td align="right">
<b>zip:</b>
</td>
<td align="left">
<input type=text name="field" maxlength=5 size=5 onChange="accept_form_data();"><br>
</td>
</tr>
</table>
<input type="button" name="button2" value="click button when done" onClick="show_form_data();">
</form>

Prev
누를 때마다 메시지가 바귀는 자바 버튼
자료실

Next
앞으로, 뒤로 가기 버튼
자료실

16 19:17:02

Subject
앞으로, 뒤로 가기 버튼

<FORM>

</FORM>.

Prev
폼을 입력한 후 확인 시키고 다은 페이지로 이동하게 하는 스크립트
자료실

Next
이메일 주소 체크하기
자료실

16 19:16:25

Subject
이메일 주소 체크하기

<SCRIPT LANGUAGE="Javascript">
<!--
function emailCheck (emailStr) {
/* The following pattern is used to check if the entered e-mail address
   fits the user@domain format. It also is used to separate the username
   from the domain. */
var emailPat=/^(.+)@(.+)$/
/* The following string represents the pattern for matching all special
   characters. We don't want to allow special characters in the address.
   These characters include ( ) < > @ , ; : \ " . [ ]    */
var specialChars="\$\$<>@,;:\\\\\\\"\\.\\[\\]"
/* The following string represents the range of characters allowed in a
   username or domainname. It really states which chars aren't allowed. */
var validChars="\[^\\s" + specialChars + "\]"
/* The following pattern applies if the "user" is a quoted string (in
   which case, there are no rules about which characters are allowed
   and which aren't; anything goes). E.g. "jiminy cricket"@disney.com
   is a legal e-mail address. */
var quotedUser="(\"[^\"]*\")"
/* The following pattern applies for domains that are IP addresses,
   rather than symbolic names. E.g. joe@[123.124.233.4] is a legal
   e-mail address. NOTE: The square brackets are required. */
var ipDomainPat=/^\[(\d{1,3})\.(\d{1,3})\.(\d{1,3})\.(\d{1,3})\]$/
/* The following string represents an atom (basically a series of
   non-special characters.) */
var atom=validChars + '+'
/* The following string represents one word in the typical username.
   For example, in john.doe@somewhere.com, john and doe are words.
   Basically, a word is either an atom or quoted string. */
var word="(" + atom + "|" + quotedUser + ")"
// The following pattern describes the structure of the user
var userPat=new RegExp("^" + word + "(\\." + word + ")*$")
/* The following pattern describes the structure of a normal symbolic
   domain, as opposed to ipDomainPat, shown above. */
var domainPat=new RegExp("^" + atom + "(\\." + atom +")*$")

/* Finally, let's start trying to figure out if the supplied address is
valid. */

/* Begin with the coarse pattern to simply break up user@domain into
different pieces that are easy to analyze. */
var matchArray=emailStr.match(emailPat)
if (matchArray==null) {
/* Too many/few @'s or something; basically, this address doesn't
even fit the general mould of a valid e-mail address. */
alert!("유효한 이메일 주소가 아닌것 같습니다 (@ 와 . 체크)")
return false
}
var user=matchArray[1]
var domain=matchArray[2]

// See if "user" is valid
if (user.match(userPat)==null) {
// user is not valid
alert!("사용자 이름이 틀립니다")
return false
}

/* if the e-mail address is at an IP address (as opposed to a symbolic
host name) make sure the IP address is valid. */
var IPArray=domain.match(ipDomainPat)
if (IPArray!=null) {
// this is an IP address
for (var i=1;i<=4;i++) {
if (IPArray[i]>255) {
alert!("IP 주소가 틀렸습니다")
return false
}
}
return true
}

// Domain is symbolic name
var domainArray=domain.match(domainPat)
if (domainArray==null) {
alert!("도메인명이 맞지 않습니다")
return false
}

/* domain name seems valid, but now make sure that it ends in a
   three-letter word (like com, edu, gov) or a two-letter word,
   representing country (uk, nl), and that there's a hostname preceding
   the domain or country. */

/* Now we need to break up the domain to get a count of how many atoms
   it consists of. */
var atomPat=new RegExp(atom,"g")
var domArr=domain.match(atomPat)
var len=domArr.length
if (domArr[domArr.length-1].length<2 ||
domArr[domArr.length-1].length>3) {
   // the address must end in a two letter or three letter word.
   alert!("도메인명의 마지막 글자는 3글자거나 2자리의 국가코드 입니다")
   return false
}

// Make sure there's a host name preceding the domain.
if (len<2) {
   var errStr="이주소의 호스트명이 없군요!"
   alert!(errStr)
   return false
}

// If we've gotten this far, everything's valid!
return true;
}
// -->
</script>

</head>

<BODY>

<form name=emailform onSubmit="return emailCheck(this.email.value);">
이메일 주소를 입력 하세요 : <input type=text name="email"><br>
<input type=submit value="Submit">
</form>

Prev
앞으로, 뒤로 가기 버튼
자료실

Next
첫글자를 대문자로 바꾸어주기
자료실

16 19:15:22

Subject
첫글자를 대문자로 바꾸어주기

<SCRIPT LANGUAGE="JavaScript">

</script>

</HEAD>

<BODY>

Prev
이메일 주소 체크하기
자료실

Next
dHTML과 자바스크립트를 이용한 FORM 예제
자료실

16 19:14:41

Subject
dHTML과 자바스크립트를 이용한 FORM 예제

div.box {
width: 602px;
background:#e2e2e2;
border:solid 1px;
border-color:#000000;
}
A:link {
color: #FF5200;
text-decoration: none;
}
A:visited {
color: #CC3300;
text-decoration: none;
}
A:active {
color: #FF0000;
background: #c0c0c9;
text-decoration: none;
}
A:hover {
color: #ffffff;
background: #c0c0c0;
}

</STYLE>

</HEAD>

<SCRIPT LANGUAGE = "JavaScript">
<!--
var numberOfWords = 10; // 필터링할 단어의 갯수
var message = "저속한 말은 사용금지";
var isProfane = new makeArray(numberOfWords);
var word = new makeArray(numberOfWords);

function checkForProfanity(usersInput) {

var temp = usersInput;
temp = temp.toLowerCase();

// 필터링할 금지단어 설정

word[1] = "shit";
word[2] = "fuck";
word[3] = "asshole";
word[4] = "ass";
word[5] = "cunt";
word[6] = "suck";
word[7] = "pussy";
word[8] = "cock";
word[9] = "cum";
word[10] = "penis";

for (var j = 1; j <= numberOfWords; j++) {
isProfane[j] = temp.indexOf(word[j]);
}

for (var j = 1; j <= numberOfWords; j++) {
if (isProfane[j] != -1) {
alert!("Please refrain from using the word \'"+word[j]+"\' in this form.");
usersInput = message;
j = numberOfWords + 1; }

else {}
}
return usersInput;
}

function makeArray(n) {
   this.length = n
   for (var i = 1; i<=n; i++) {
   this[i] = new String();
   }
   return this;
}
//-->
</SCRIPT>

</table>

function changeTip(a,b,c,d,e,f,g,h) {
if (a.style.display =='') {
a.style.display = 'none';

}
else {
a.style.display='';
b.style.display='none';
c.style.display='none';
d.style.display='none';
e.style.display='none';
f.style.display='none';
g.style.display='none';
h.style.display='none';

}
}
function showDefault()    {
tip.style.display='';
}
function showKey()    {
key.style.display='';
linkKey.style.textDecoration='none';
linkKey.style.cursor='hand';
linkKey.style.color='#ff0000';
linkKey.style.fontWeight='bold';
linkKey.style.letterSpacing='0.1em';
}
function showCat()    {
cat.style.display='';
linkCat.style.textDecoration='none';
linkCat.style.cursor='hand';
linkCat.style.fontWeight='bold';
linkCat.style.color='#ff0000';
}
function showMfg()    {
mfg.style.display='';
linkMfg.style.textDecoration='none';
linkMfg.style.cursor='hand';
linkMfg.style.fontWeight='bold';
linkMfg.style.color='#ff0000';
}
function showSms()    {
Sms.style.display='';
linkSms.style.textDecoration='none';
linkSms.style.cursor='hand';
linkSms.style.fontWeight='bold';
linkSms.style.color='#ff0000';
}
function showMfgPart()    {
mfgPart.style.display='';
linkMfgPart.style.textDecoration='none';
linkMfgPart.style.cursor='hand';
linkMfgPart.style.fontWeight='normal';
linkMfgPart.style.color='#ff0000';
}
function showMax()    {
max.style.display='';
linkMax.style.textDecoration='none';
linkMax.style.cursor='hand';
linkMax.style.fontWeight='bold';
linkMax.style.color='#ff0000';
}
function showMin()    {
min.style.display='';
linkMin.style.textDecoration='none';
linkMin.style.cursor='hand';
linkMin.style.fontWeight='bold';
linkMin.style.color='#ff0000';

}
function hideDefault() {
tip.style.display='none';

}
function hideKey()    {
key.style.display='none';
linkKey.style.textDecoration='none';
linkKey.style.cursor='hand';
linkKey.style.color='#000000';
linkKey.style.fontWeight='normal';
linkKey.style.letterSpacing='';
}
function hideCat()    {
cat.style.display='none';
linkCat.style.textDecoration='none';
linkCat.style.cursor='hand';
linkCat.style.fontWeight='normal';
linkCat.style.color='#000000';
}
function hideMfg()    {
mfg.style.display='none';
linkMfg.style.textDecoration='none';
linkMfg.style.cursor='hand';
linkMfg.style.fontWeight='normal';
linkMfg.style.color='#000000';
}
function hideSms()    {
Sms.style.display='none';
linkSms.style.textDecoration='none';
linkSms.style.cursor='hand';
linkSms.style.fontWeight='normal';
linkSms.style.color='#000000';
}
function hideMfgPart()    {
mfgPart.style.display='none';
linkMfgPart.style.textDecoration='none';
linkMfgPart.style.cursor='hand';
linkMfgPart.style.fontWeight='normal';
linkMfgPart.style.color='#000000';
}
function hideMax()    {
max.style.display='none';
linkMax.style.textDecoration='none';
linkMax.style.cursor='hand';
linkMax.style.fontWeight='normal';
linkMax.style.color='#000000';
}
function hideMin()    {
min.style.display='none';
linkMin.style.textDecoration='none';
linkMin.style.cursor='hand';
linkMin.style.fontWeight='normal';
linkMin.style.color='#000000';
}
</script>

<tr>
<td width=400>

<table border=0 cellpadding=0 cellspacing=0>
<tr><td bgcolor="#000000" rowspan=2>
<img src="/common/space.gif" width=1 height=1><br>
</td>
<td bgcolor="#000000">
<img src="/common/space.gif" width=1 height=1><br>
</td>
<td bgcolor="#000000" rowspan=2>
<img src="/common/space.gif" width=1 height=1><br>
</td>
</tr>
<tr>
<td>
<table bgcolor="#e2e2e2" cellpadding=4>
<tr>
<td colspan=2 width=380>
<font face="굴림" size="2" color="#ff0000">

</font>
</td>
</tr>
<tr>
<td align=right>

<DIV ID=linkKey style="cursor: hand;" onClick="showKey();hideCat();hideMfg();hideSms();hideMfgPart();hideMax();hideMin();hideDefault();">
<font face="굴림" size="2">키워드</font>
</div>
</td>
<td>
<input size=20 name="key" value="" maxlength=50 onBlur! = "this.value = checkForProfanity(this.value);" onFocus="showKey();hideCat();hideMfg();hideSms();hideMfgPart();hideMax();hideMin();hideDefault();">
</td>
</tr>
<tr>
<td align=right>
<DIV ID=linkCat style="cursor: hand;" onClick="hideKey();showCat();hideMfg();hideSms();hideMfgPart();hideMax();hideMin();hideDefault();">
<font face="굴림" size="2">제품 분류</font>
</div>
</td>
<td>
<SELECT NAME="category" onFocus="hideKey();showCat();hideMfg();hideSms();hideMfgPart();hideMax();hideMin();hideDefault();">
<OPTION VALUE="">
모든 항목
<OPTION VALUE="A">
악세사리
<OPTION VALUE="CR">
CD-ROM 드라이브
<OPTION VALUE="MC">
CPU 업그레이드
<OPTION VALUE="D">
Data storage
<OPTION VALUE="C">
데스크탑
<OPTION VALUE="DC">
Digital Imaging
<OPTION VALUE="I">
Input devices
<OPTION VALUE="U">
메모리 업그레이드
<OPTION VALUE="MO">
모뎀
<OPTION VALUE="VM">
모니터
<OPTION VALUE="M">
멀티미디어
<OPTION VALUE="N">
네트워킹
<OPTION VALUE="L">
노트북
<OPTION VALUE="O">
오피스 제품
<OPTION VALUE="PD">
PDA
<OPTION VALUE="B">
Power protection
<OPTION VALUE="P">
프린터
<OPTION VALUE="SK">
스캐너
<OPTION VALUE="S">
소프트웨어
<OPTION VALUE="V">
비디오카드
</SELECT>
</td>
</tr>
<tr>
<td align=right>
<DIV ID=linkMfg style="cursor: hand;" onClick="hideKey();hideCat();showMfg();hideSms();hideMfgPart();hideMax();hideMin();hideDefault();">
<font face="굴림" size="2">제조사의 이름</font>
</div>
</td>
<td>
<input size=20 name="mfgname" value="" maxlength=30 onBlur! = "this.value = checkForProfanity(this.value);" onFocus="hideKey();hideCat();showMfg();hideSms();hideMfgPart();hideMax();hideMin();hideDefault();">
</td></tr>
<tr>
<td align=right>
<DIV ID=linkSms style="cursor: hand;" onClick="hideKey();hideCat();hideMfg();showSms();hideMfgPart();hideMax();hideMin();hideDefault();">
<font face="굴림" size="2">이메일 주소</font>
</div>
</td>
<td>
<input size=20 name="edc" value="" maxlength=30 onBlur! = "this.value = checkForProfanity(this.value);" onFocus="hideKey();hideCat();hideMfg();showSms();hideMfgPart();hideMax();hideMin();hideDefault();">
</td>
</tr>
<tr>
<td align=right>
<DIV ID=linkMfgPart style="cursor: hand;" onClick="hideKey();hideCat();hideMfg();hideSms();showMfgPart();hideMax();hideMin();hideDefault();">
<font face="굴림" size="2">제품의 부품번호</font>
</div>
</td>
<td>
<input size=20 name="mfgpart" value="" maxlength=30 onBlur! = "this.value = checkForProfanity(this.value);" onFocus="hideKey();hideCat();hideMfg();hideSms();showMfgPart();hideMax();hideMin();hideDefault();">
</td>
</tr>
<tr>
<td align=right>
<DIV ID=linkMax style="cursor: hand;" onClick="hideKey();hideCat();hideMfg();hideSms();hideMfgPart();showMax();hideMin();hideDefault();">
<font face="굴림" size="2">최고 가격</font>
</div>
</td>
<td>
<input size=20 name="hiprice" value="" maxlength=30 onBlur! = "this.value = checkForProfanity(this.value);" onFocus="hideKey();hideCat();hideMfg();hideSms();hideMfgPart();showMax();hideMin();hideDefault();">
</td>
</tr>
<tr>
<td align=right>
<DIV ID=linkMin style="cursor: hand;" onClick="hideKey();hideCat();hideMfg();hideSms();hideMfgPart();hideMax();showMin();hideDefault();">
<font face="굴림" size="2">최저 가격</font>
</div>
</td>
<td>
<input size=20 name="lowprice" value="" maxlength=30 onBlur! = "this.value = checkForProfanity(this.value);" onFocus="hideKey();hideCat();hideMfg();hideSms();hideMfgPart();hideMax();showMin();hideDefault();">
&

Prev
첫글자를 대문자로 바꾸어주기
자료실

Next
다른사람에게 이메일 보내기
자료실

16 19:13:43

Subject
다른사람에게 이메일 보내기

<BODY>

Prev
dHTML과 자바스크립트를 이용한 FORM 예제
자료실

Next
지정된 문자수가 채워지면 자동으로 다음칸으로 이동되는 스크립트
자료실

16 19:13:17

Subject
지정된 문자수가 채워지면 자동으로 다음칸으로 이동되는 스크립트

<SCRIPT LANGUAGE="JavaScript">

</script>

Prev
다른사람에게 이메일 보내기
자료실

Next
더 간단한 (할말만 적어보내는) 폼메일
자료실

16 19:11:34

Subject
더 간단한 (할말만 적어보내는) 폼메일

<TEXTAREA name="Comment" rows="6" cols="51">
여기에 내용을 입력하신후,
보내기를 누르면 저에게 메일로 보내집니다
</TEXTAREA>
<BR>
<INPUT type="submit" value="보내기"> </P>
</FORM>

Prev
지정된 문자수가 채워지면 자동으로 다음칸으로 이동되는 스크립트
자료실

Next
입력 내용을 미리 보고 폼메일로 보내자
자료실

16 19:11:09

Subject
입력 내용을 미리 보고 폼메일로 보내자

</head>

<form name="form1" method="post" action="mailto:help@jasko.co.kr" enctype=text/plain>
이름<BR>
<input name="name" type="text" onblur!="add()"><BR>
닉네임<BR>
<input name="nick_name" type="text" onblur!="add()"><BR>
주소<BR>
<input name="address" type="text" onblur!="add()"><BR>
지역<BR>
<input name="area" type="text" onblur!="add()"><BR>
국가<BR>
<input name="nation" type="text" onblur!="add()"><BR>
홈페이지<BR>
<input name="home" type="text" onblur!="add()"><BR>
이메일주소<BR>
<input name="email" type="text" onblur!="add()"><BR>
취미<BR>
<input name="hobby" type="text" onblur!="add()"><BR>

전체 내용<BR>

Prev
더 간단한 (할말만 적어보내는) 폼메일
자료실

Next
팝업창에서 확인하는 간단한 폼메일 스크립트입니다
자료실

16 19:10:41

Subject
팝업창에서 확인하는 간단한 폼메일 스크립트입니다

Prev
입력 내용을 미리 보고 폼메일로 보내자
자료실

Next
이메일을 보내게 하는 간단한 스크립트
자료실

16 19:10:03

Subject
이메일을 보내게 하는 간단한 스크립트

<form>
<input type="button" value="Email Me" onClick="location.href='mailto:id@yourdomain.com'">
</form>

.

Prev
팝업창에서 확인하는 간단한 폼메일 스크립트입니다
자료실

Next
풀다운 메뉴로 전자메일을 골라 보내자
자료실

16 19:08:58

Subject
풀다운 메뉴로 전자메일을 골라 보내자

<!--
function changePage(theform) {
num= theform.FriendSelect.selectedIndex;
if (num==1) {
site = "mailto:adamite@bora.dacom.co.kr"; // 첫번재 이메일주소
}
if (num==2) {
site = "mailto:me@you.com"; // 두번재 이메일주소
}
if (num==3) {
site = "mailto:you@me.net"; // 세번재 이메일주소
}
if (num==4) {
site = "mailto:wow@this_is_cool.org"; // 네번재 이메일주소
}

top.location!.href=site;
}
//-->
</SCRIPT>

Prev
이메일을 보내게 하는 간단한 스크립트
자료실

Next
사용자의 정보와 의견 보내기 - 폼메일
자료실

16 19:08:12

Subject
사용자의 정보와 의견 보내기 - 폼메일

if (!check_empty(document.form.DESCRIPTION.value))
{ validity = false; alert!('내용을 적어 주세요'); }
if (validity)
alert! ("감사합니다");
return validity;
}

function check_empty(text) {
return (text.length > 0);
}

function check_email(address) {
if ((address == "")
|| (address.indexOf ('@') == -1)
|| (address.indexOf ('.') == -1))
return false;
return true;
}

function check_url(address) {
if ((address == "")
|| (address.indexOf ('http://') == -1)
|| (address.indexOf ('.') == -1))
return false;
return true;
}
// -->
</script>

<p align="center">
<font size="5">
<strong><u>방명록</u></strong></font></p>
<p>이름 : <input type="text" name="Name" value="이름을 적어주세요" rows="1"><br>
<p>이메일 주소 : <input type="text" name="Your E-mail address" value="이메일 주소를 적어주세요" rows="1"><br>
<p>홈페이지 주소 : <input type="text" name="Web address" value="http://" rows="1"></p>
<p>사용하시는 브라우저 종류 : <input type="text" size="20" name="T1"></p>
<p>이 홈페이지를 어떻게 보셨나요<br>

Prev
풀다운 메뉴로 전자메일을 골라 보내자
자료실

Next
간단한 Form Mail
자료실

16 19:07:48

Subject
간단한 Form Mail

</head>

<body>

Prev
사용자의 정보와 의견 보내기 - 폼메일
자료실

Next
RGB → HEX 코드로 간단하게 변환시키는 스크립트
자료실

16 19:07:01

Subject
RGB → HEX 코드로 간단하게 변환시키는 스크립트

Prev
간단한 Form Mail
자료실

Next
HEX → RGB 스크립트
자료실

16 19:06:41

Subject
HEX → RGB 스크립트

function HexToR(h) { return parseInt((cutHex(h)).substring(0,2),16) }
function HexToG(h) { return parseInt((cutHex(h)).substring(2,4),16) }
function HexToB(h) { return parseInt((cutHex(h)).substring(4,6),16) }
function cutHex(h) { return (h.charAt(0)=="#") ? h.substring(1,7) : h}

//-->
</script>

R:<input type=text name=r size=3>
G:<input type=text name=g size=3>
B:<input type=text name=b size=3>

</form>
</CENTER>

Prev
RGB → HEX 코드로 간단하게 변환시키는 스크립트
자료실

Next
파일내 텍스트 서치 엔진
자료실

16 19:06:19

Subject
파일내 텍스트 서치 엔진

<!--
var TRange=null

function findString (str) {
if (parseInt(navigator.appVersion)<4) return;
var strFound;
if (navigator.appName=="Netscape") {

// 네츠케이프

strFound=self.find(str);
if (!strFound) {
strFound=self.find(str,0,1)
while (self.find(str,0,1)) continue
}
}
if (navigator.appName.indexOf("Microsoft")!=-1) {

// 익스플로러

if (TRange!=null) {
   TRange.collapse(false)
   strFound=TRange.findText(str)
   if (strFound) TRange.select()
}
if (TRange==null || strFound==0) {
   TRange=self.document.body.createTextRange()
   strFound=TRange.findText(str)
   if (strFound) TRange.select()
}
}
if (!strFound) alert! ("찾으시는 검색어 '"+str+"' 가 없습니다")
}
//-->
</script>

Prev
HEX → RGB 스크립트
자료실

Next
플래쉬 효과가 나는 하이퍼링크 텍스트 스크립트
자료실

16 19:05:55

Subject
플래쉬 효과가 나는 하이퍼링크 텍스트 스크립트

■ IE4.x

<SCRIPT>
<!--
var x,y
var timer
var i_fadestrength=5
var step=1
var maxfontsize=180
var fontsizefactor=maxfontsize/100
var content

function cursorposition(e){
x=event.clientX+document.body.scrollLeft
y=event.clientY+document.body.scrollTop
}

function showmessage(whatmessage, whatfont, whatcolor) {
if (document.all) {
content="<nobr><font color="+whatcolor+" face="+whatfont+">"+whatmessage+"</font><nobr>"
ring.innerHTML=content
resizemessage()
}
}

function resizemessage() {
if (document.all) {
ring.filters.alpha.opacity=Math.floor(100-i_fadestrength)
if (i_fadestrength>=120) {i_fadestrength=0;step=1}
document.all.ring.style.visibility="visible"
document.all.ring.style.fontSize=i_fadestrength*fontsizefactor
document.all.ring.style.posLeft=x-(Math.floor(i_fadestrength/1.3*fontsizefactor))
document.all.ring.style.posTop=y-(Math.floor(i_fadestrength/1.4*fontsizefactor))
step+=1.5
i_fadestrength+=step
timer=setTimeout("resizemessage()",50)
}
}

function hidemessage(e){
if (document.all) {
clearTimeout(timer)
document.all.ring.style.visibility="hidden"
i_fadestrength=5
step=1
}
}

if (document.all) {
document.onmousemove=cursorposition;
}

if (document.all) {
document.write("<DIV id='ring' style='position:absolute;font-family:Verdana;filter:alpha(opacity=0);'></DIV>")
document.write("<DIV style='position:relative;'>")
}
//-->
</SCRIPT>

<CENTER><a href="http://www.mybizs.com" onMouseOver="showmessage('HELLO','Arial black','red')" onMouseOut="hidemessage()">이곳은 어디일까요</a>

Prev
파일내 텍스트 서치 엔진
자료실

Next
HTML 코드를 특수문자로 바꾸어 주는 스크립트
자료실

16 19:04:58

Subject
HTML 코드를 특수문자로 바꾸어 주는 스크립트

<CENTER>
<textarea style="width:200;height:100" name="n1">
샘플 :
<html>
<body>
</body>
</html>
</textarea><br>
<input type="button" onclick="txt=document.all.n1.value;hh()" value="OK"></CENTER>

Prev
플래쉬 효과가 나는 하이퍼링크 텍스트 스크립트
자료실

Next
상태바에서 남은 일/시를 알려주는 카운트 다운 폼 스크립트
자료실

16 19:04:04

Subject
상태바에서 남은 일/시를 알려주는 카운트 다운 폼 스크립트

var futuredate
var nowdate
var resulthoursraw
var resulthours
var resultminutesraw
var resultminutes
var resultsecondsraw
var resultseconds
var content

function setfuturedate() {
var futureyear=document.future.ye.options[document.future.ye.selectedIndex].value
var futuremonth=document.future.mo.options[document.future.mo.selectedIndex].value
var futureday=document.future.da.options[document.future.da.selectedIndex].value
futuredate=new Date(futureyear,futuremonth,futureday,0,0,0)
docountdown()
}

function docountdown() {
caclulateresults()
formatresults()
displayresults()
setTimeout("docountdown()",1000)
}

function caclulateresults() {
nowdate=new Date()

resultdaysraw=(Date.parse(futuredate)-Date.parse(nowdate))/1000/60/60/24
resultdays=Math.floor((Date.parse(futuredate)-Date.parse(nowdate))/1000/60/60/24)

resulthoursraw=(resultdaysraw-resultdays)*24
resulthours=Math.floor((resultdaysraw-resultdays)*24)

resultminutesraw=(resulthoursraw-resulthours)*60
resultminutes=Math.floor((resulthoursraw-resulthours)*60)

resultsecondsraw=(resultminutesraw-resultminutes)*60
resultseconds=Math.floor((resultminutesraw-resultminutes)*60)
}

function formatresults() {
content="앞으로 "+resultdays+" 일 "+resulthours+" 시간 "+resultminutes +" 분 "+resultseconds +" 초가 남았습니다."
}

function displayresults() {
if (document.all) {
window.status=content

}
if (document.layers) {
window.status=content
}
}

</script>

</HEAD>

<form name="future">
<font size=2 face=Verdana><b>카운트 다운</b><br>
D-day 를 선택한후 카운트 다운 버튼을 클릭하세요<br><br>
<select name="ye" style="font-size:8pt">
<option>year</option>
<option value="2000">2000</option>
<option value="2001">2001</option>
<option value="2002">2002</option>
<option value="2003">2003</option>
<option value="2004">2004</option>
</select>
<select name="mo" style="font-size:8pt">
<option>month</option>
<option value="0">January</option>
<option value="1">February</option>
<option value="2">March</option>
<option value="3">April</option>
<option value="4">May</option>
<option value="5">June</option>
<option value="6">July</option>
<option value="7">August</option>
<option value="8">September</option>
<option value="9">October</option>
<option value="10">November</option>
<option value="11">December</option>
</select>
<select name="da" style="font-size:8pt">
<option>day</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
<input type="button" onClick="setfuturedate()" value=" 카운트 다운 " style="font-size:8pt"></form>

Prev
HTML 코드를 특수문자로 바꾸어 주는 스크립트
자료실

Next
마우스 오버로 text-area 문자열 자동 선택시키기
자료실

16 19:02:56

Subject
마우스 오버로 text-area 문자열 자동 선택시키기

<textarea rows="4" name="S1" cols="39" onMouseOver="this.focus()"
onFocus="this.select()"><input type="text" name="emailaddr" value="your e-mail" size="31" onMouseOver="this.focus()" onFocus="this.select()">
</textarea>

..

Prev
상태바에서 남은 일/시를 알려주는 카운트 다운 폼 스크립트
자료실

Next
각국의 화폐단위를 알아보자 - 콤보박스의 선택값 넘기기
자료실

16 19:02:31

Subject
각국의 화폐단위를 알아보자 - 콤보박스의 선택값 넘기기

<form method="POST" name="frm" action="">

<p><select name="Country" size="1" onChange="text.value = Country[selectedIndex].value" style="background-color: rgb(255,0,0); color: rgb(255,255,0)">
<option selected value="Dollar">USA</option>
<option value="Hryvnia">Ukraine</option>
<option value="Ruble">Russia</option>
<option value="Yen">Japan</option>
<option value="Franc ">French</option>
<option value="Dollar ">HongKong</option>
<option value="Yuan">Chinise</option>
<option value="Schilling">Austria</option>
<option value="Manat">Azerbaijan</option>
<option value="East Caribbean Dollar">Antigua and Barbuda</option>
<option value="Kwanza">Angola</option>
<option value="Sucres">Ecuador</option>
<option value="Pound">Egypt</option>
<option value="Kroon">Estonia</option>
<option value="Dollar">Bahamas</option>
<option value="Taka">Bangladesh</option>
<option value="Dollar">Barbados</option>
<option value="Ruble">Belarus</option>
<option value="Franc">Belgium</option>
<option value="Bolivanio">Bolivia</option>
<option value="DINAR">Bosnia and Herzegovina</option>
<option value="Pula">Botswana</option>
<option value="Ringgit">Malaysia</option>
<option value="Brazilian Cruzeiro">Brazil </option>
<option value="Pound Sterling">United Kingdom </option>
<option value="Dirham">United Arab Emirates</option>
<option value="Uzbek Sum">Uzbekistan </option>
</select></p>

</form>

Prev
마우스 오버로 text-area 문자열 자동 선택시키기
자료실

Next
[전문가용] DHTML FORM
자료실

16 19:02:03

Subject
[전문가용] DHTML FORM

div.box {
width: 602px;
background:#3388BB;
border:solid 1px;
border-color:#cccccc;
}
.buttonup {
width: 300px;
background:#3388BB;
border:solid 1px;
border-color:#cccccc;
font-family: Verdana;
font-weight: normal;
font-size:10pt;
color:#FFFFFF;
cursor: hand;
}
.buttonover {
width: 300px;
background:#ff3300;
border:solid 1px;
border-color:white #808080 #808080 white;
font-family: Verdana;
font-weight: bold;
font-size:10pt;
color:#FFFFFF;
cursor: hand;
}
.buttondown {
width: 300px;
background:#ff3300;
border:solid 1px;
border-color:#808080 white white #808080;
font-family: Verdana;
font-weight: normal;
font-size:10pt;
color:#FFFFFF;
cursor: hand;
}
A:link {
color: #BFDFFF;
text-decoration: none;
}
A:visited {
color: #CC3300;
text-decoration: none;
}
A:active {
color: #FF0000;
background: #BFDFFF;
text-decoration: none;
}
A:hover {
color: #ffffff;
background: #BFDFFF;
}
A.hol {color: #804040}
FORM {
margin:0px;
margin-bottom:10px;
}
INPUT {
background-color: #CCCCCC;
color:black;
font-size: 10pt;
border-color: #FFFFFF;
}
SELECT {
background-color: #CCCCCC;
margin-top: 2px;
width=200px;
}
.querytext {
width=300px;
}

.search {
color:white;
background-color: #FF3300;
width: 80px;
cursor:hand;
font-size: 10pt;
font-weight: bold;
border-color: #cccccc;
}

TEXTAREA {
background-color: #CCCCCC;
margin-top: 2px;
width=200px;
}
.date {
margin-left:10px;
margin-right:5px;
color: #3388BB;
font-size: 10pt;
margin-top: 0px;
font-family: verdana;
font-weight:bold;

}
</STYLE>
</HEAD>

<SCRIPT LANGUAGE="JavaScript">
function checkLength() {
var el = event.srcElement
if (el.tagName=="INPUT")
if (el.value.length+1>=el.maxLength) {
var i = 0
while (el!=el.form.elements[i])
i++
if (i==el.form.elements.length) i=-1
el.form.elements[i+1].focus()
}
}
</SCRIPT>

<SCRIPT LANGUAGE = "JavaScript">
<!--
var numberOfWords = 32;
var message = "저속한 단어는 사용할 수 없습니다";
var isProfane = new makeArray(numberOfWords);
var word = new makeArray(numberOfWords);

function checkForProfanity(usersInput) {

var temp = usersInput;
temp = temp.toLowerCase();

// 금지된 단어들
word[1] = "shit";
word[2] = "fuck";
word[3] = "asshole";
word[4] = "ass";
word[5] = "cunt";
word[6] = "suck";
word[7] = "pussy";
word[8] = "cock";
word[9] = "cum";
word[10] = "penis";
word[11] = "nuts";
word[12] = " dick";
word[13] = "geek";
word[14] = "nerd";
word[15] = "fag";
word[16] = "idiot";
word[17] = "stupid";
word[18] = "bitch";
word[19] = "gimp";
word[20] = "dummy";
word[21] = "freak";
word[22] = "satan";
word[23] = "devil";
word[24] = "kill";
word[25] = "death";
word[26] = "damn";
word[27] = "gay";
word[28] = "lesbian";
word[29] = "sex";
word[30] = "condom";
word[31] = "brown stuff";
word[32] = "browner";

for (var j = 1; j <= numberOfWords; j++) {
isProfane[j] = temp.indexOf(word[j]);
}

for (var j = 1; j <= numberOfWords; j++) {
if (isProfane[j] != -1) {
alert!("저속어 사용금지 \'"+word[j]+"\' ");
usersInput = message;
j = numberOfWords + 1;}

else {}
}
return usersInput;
}

function makeArray(n) {
   this.length = n
   for (var i = 1; i<=n; i++) {
   this[i] = new String();
   }
   return this;
}
//-->
</SCRIPT>

<SCRIPT LANGUAGE = "JavaScript">
<!--
function testBox1(form) {
Ctrl = form.name;
if (Ctrl.value == "") {
validatePrompt (Ctrl, "이름입력")
return (false);
} else
return (true);
}
//---------
function testBox2(form) {
Ctrl = form.use;
if (Ctrl.value.length < 2) {
validatePrompt (Ctrl, "최소한 2글자 이상")
return (false);
} else
return (true);
}

//---------
function testBox3(form) {
Ctrl = form.mail;
if ((Ctrl.value == "" || Ctrl.value.indexOf ('@', 0) == -1) || Ctrl.value.indexOf('.') == -1) {
validatePrompt (Ctrl, "이상한 멜 주소네요")
return (false);
} else
return (true);
}
//---------
function testBox4(form) {
Ctrl = form.state;
if (Ctrl.value.length != 2) {
validatePrompt (Ctrl, "2글자 이상")
return (false);
} else
return (true);
}
//---------
function testBox6(form) {
Ctrl = form.url;
if ((Ctrl.value == "" || Ctrl.value.indexOf ('http://', 0) == -1) || Ctrl.value.indexOf('.') == -1) {
validatePrompt (Ctrl, "주소가 이상해여")
return (false);
} else
return (true);
}
//---------
function testBox5(form) {
if (form.state.value) {
var states = 'ALAKAZARCACOCTDCDEFLGAHIIDILINIAKSKYLAMEMDMAMIMNMSMOMTNENVNHNJNMNYNCNDOHOKORPARISCSDTNTXUTVTVAWAWVWIWY00', numstates = states.length/2;
for (var i = 0; i < numstates; i++) { if (form.state.value == states.substring(i*2,i*2+2)) { return true; } }
alert!('지역이 맞지 않습니다 \n 2글자로 된 영문 대문자만 허용');
form.state.focus(); form.state.value = "";
return false;
}
return true;
}
//---------
function runSubmit (form, button) {
if (!testBox1(form)) return;
if (!testBox2(form)) return;
if (!testBox3(form)) return;
if (!testBox4(form)) return;
if (!testBox5(form)) return;
if (!testBox6(form)) return;
alert! ("completed successfully");
makeTest();
document.test.submit();
return;
}
//---------
function validatePrompt (Ctrl, PromptStr) {
alert! (PromptStr)
Ctrl.focus();
return;
}
function loadDoc() {
// initial focus; use if needed
//document.test.key.focus ();
return;
}
// -->
</script>

<SCRIPT LANGUAGE="Javascript">
function putDate(){
calendar = new Date();
day = calendar.getDay();
month = calendar.getMonth();
date = calendar.getDate();
year = calendar.getYear();

var dayname = new Array ("일요일", "월요일", "화요일", "수요일", "목요일", "금요일", "토요일");
var monthname = new Array ("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" );
document.write(dayname[day] + " - ");
document.write(monthname[month] + " ");
if (date < 10) document.write(date + ", ");
else document.write(date + ", ");
if (year < 100) document.write("19" + year + " ");
else if (year > 1999) document.write(year + " ");
document.write("<font color=804040>");

if ((month == 0) && (date == 1)) document.write("설날");
if ((month == 0) && (day == 1) && (date > 14) && (date < 23)) document.write("Martin Luther King's Birthday");
if ((month == 1) && (date == 12)) document.write("Lincoln's Birthday");
if ((month == 1) && (date == 14)) document.write("Valentine's Day");
if ((month == 1) && (day == 1) && (date > 14) && (date < 22)) document.write("President's Day");
if ((month == 1) && (date == 22) && (day == 1)) document.write("President's Day<BR>");
if ((month == 1) && (date == 22)) document.write("Washington's Birthday");
if ((month == 2) && (date == 17)) document.write("St. Patrick's Day");
if ((month == 3) && (day == 0) && (date > 0) && (date < 8)) document.write("Daylight Savings Time Begins");
if ((month == 4) && (day == 0) && (date > 7) && (date < 16)) document.write("Mother's Day");
if ((month == 4) && (day == 1) && (date > 24)) document.write("Memorial Day");
if ((month == 5) && (date == 14)) document.write("Flag Day");
if ((month == 5) && (day == 0) && (date > 15) && (date < 24)) document.write("Father's Day");
if ((month == 6) && (date == 4)) document.write("Independence Day");
if ((month == 8) && (day == 1) && (date > 0) && (date < 8)) document.write("Labor Day");
if ((month == 9) && (day == 1) && (date > 7) && (date < 16)) document.write("Columbus Day, ");
if ((month == 9) && (day == 0) && (date > 24) && (date < 31)) document.write("Daylight Savings Time Ends");
if ((month == 9) && (day == 0) && (date == 31)) document.write("Daylight Savings Time Ends<BR>");
if ((month == 9) && (date == 31)) document.write("Halloween");
if ((month == 10) && (date == 11)) document.write("Veteran's Day");
if ((month == 10) && (day == 4) && (date > 23) && (date < 30)) document.write("Thanksgiving");
if ((month == 10) && (date == 30) && (day == 4)) document.write("Thanksgiving");
if ((month == 11) && (date == 24)) document.write("크리스마스 이브");
if ((month == 11) && (date == 25)) document.write("크리스마스");
if ((month == 11) && (date == 31)) document.write("망년회 하는날");
if ((month == 9) && (date == 5)) document.write("<a class=hol href='http://www.chabad.org'>Sukkos (Jewish Holiday)</a>");
if ((month == 9) && (date == 12)) document.write("Sh'mini Atzeret (Jewish Holiday)");
if ((month == 9) && (date == 13)) document.write("Simchat Torah (Jewish - Israel Holiday)");
if ((month == 11) && (date == 14)) document.write("Hannukah (Jewish Holiday)");
if ((month == 1) && (date == 1)) document.write("Tu B'Shvat (Jewish - Israel Holiday)");
if ((month == 2) && (date == 2)) document.write("Purim (Jewish - Israel Holiday)");
if ((month == 3) && (date == 1)) document.write("Passover (Jewish Holiday)");
document.write("</font>");}
</SCRIPT>

<SCRIPT LANGUAGE="JavaScript" ID=code>
// Define set of words to rotate between
// Note: You will see the actual appearance, rather than the raw source in the HTML page.
// Do a view-source to see the words description as defined in code.
var words = new Array
("안녕하세요? 자스코 입니다",
"최고의 자바스크립트 소스뱅크",
"쉬운 자바 베껴쓰는 자바", "자바 애플릿",
"CGI 스크립트 까지 맘대로 가져가세요");

function rotateWords(elID) {
// cycle through colors on the timer
var el = document.all[elID];
if (null==el.words) el.words = 0; // store color index on element
if (++el.words==words.length) el.words=0;
el.innerHTML = words[el.words];
}

function doLoad() {
// Start up timer and pass in ID of element to insert words into
// This can't be started until the page is loaded
setInterval("rotateWords('word')",2500)
}

</SCRIPT>

function changeTip(a,b,c,d,e,f,g,h) {
if (a.style.display =='') {
a.style.display = 'none';

}
else {
a.style.display='';
b.style.display='none';
c.style.display='none';
d.style.display='none';
e.style.display='none';
f.style.display='none';
g.style.display='none';
h.style.display='none';

}
}
function doHead(){
headline.filters.item(0).Apply();
headline.style.visibility="visible";
headline.filters.item(0).Play();
}
function doBody(){
bodytext.filters.item(0).Apply();
bodytext.style.visibility="visible";
bodytext.filters.item(0).Play();
}
function showDefault() {
tip.style.display='';
}
function showKey() {
if(key.filters.item(0).status != 2){
key.filters.item(0).Apply();
key.style.visibility="visible";
key.filters.item(0).Play();
key.style.display='';
linkKey.style.textDecoration='none';
linkKey.style.cursor='hand';
linkKey.style.color='#ff0000';
linkKey.style.fontWeight='bold';
}
}

}
}
function hideDefault() {
tip.style.display='none';

}
function hideKey()    {
key.style.display='none';
linkKey.style.textDecoration='none';
linkKey.style.cursor='hand';
linkKey.style.color='#ffffff';
linkKey.style.fontWeight='normal';
}
function hideCat()    {
cat.style.display='none';
linkCat.style.textDecoration='none';
linkCat.style.cursor='hand';
linkCat.style.fontWeight='normal';
linkCat.style.color='#ffffff';
}
function hideMfg()    {
mfg.style.display='none';
linkMfg.style.textDecoration='none';
linkMfg.style.cursor='hand';
linkMfg.style.fontWeight='normal';
linkMfg.style.color='#ffffff';
}
function hideSms()    {
Sms.style.display='none';
linkSms.style.textDecoration='none';
linkSms.style.cursor='hand';
linkSms.style.fontWeight='normal';
linkSms.style.color='#ffffff';
}
function hideMfgPart()    {
mfgPart.style.display='none';
linkMfgPart.style.textDecoration='none';
linkMfgPart.style.cursor='hand';
linkMfgPart.style.fontWeight='normal';
linkMfgPart.style.color='#ffffff';
}
function hideMax()    {
max.style.display='none';
linkMax.style.textDecoration='none';
linkMax.style.cursor='hand';
linkMax.style.fontWeight='normal';
linkMax.style.color='#ffffff';
}
function hideMin()    {
min.style.display='none';
linkMin.style.textDecoration='none';
linkMin.style.cursor='hand';
linkMin.style.fontWeight='normal';
linkMin.style.color='#ffffff';
}
</script>

<script LANGUAGE="JavaScript">
function makeTest() {
story = "<HEAD><TITLE>Verification</TITLE><style>BODY{font-family: verdana, arial, helvetica, sans-serif;font-size: 7.5px;    color: black; margin: 10;}TABLE{margin:0;}TD{font-family: verdana, arial, helvetica, sans-serif;font-size: 8pt;    color: black;}FORM{margin:0px;margin-bottom:10px;}A{ color: #31319C;text-decoration: none;font-weight:normal;}.text {font-family: verdana; font-size: 7.5pt; color: #BFDFFF; line-height: 14px; margin-left: 12; margin-right: 7;}A:hover{text-decoration: underline;}.toolbar {font-family: verdana; font-size: 9pt; font-weight: bold;}.toolbar1 {font-family:Garamond, Book Antiqua, Arial Narrow,arial; font-size: 12pt; font-weight: bold; color: #004891; letter-spacing:1px;}.bord {border: solid 1px; border-color:#808091 black #000000 #808091;}.box {border:solid 1px; border-color: #c0c0c0 black #808080 #c0c0c0;} .web {font-family: webdings; font-size: 7pt; font-weight: normal; text-decoration: none;} .dec {text-decoration: none; color: #004891;font-size: 8pt;}.search {color:white;background-color: #FF3300;width: 102px;cursor:hand;font-size: x-small;font-weight: bold;border-color: #cccccc;}</style></HEAD>" + "<body bgcolor=#BFDFFF LINK=#0080C0 VLINK=#0080C0 margin-top=0 margin-left=0><A NAME=" + document.test.use.value + "></A><A NAME=top></A>" + "<FIELDSET class=bord STYLE='color: #000000; margin-left: 1; line-height: 19px;width: 97%'><LEGEND align=left class=toolbar1 width=100%>" + " " + document.test.name.value + "    " + "<A HREF='mailto:" + document.test.mail.value + "'>" + document.test.mail.value + "</A></LEGEND>" + "<table border=0 cellspacing=0 width=100%>" + "<tr><td colspan=2 bgcolor=#000000 class=box><SPAN CLASS=toolbar STYLE='color: #ffffff'> Contact Info</span></td><td bgcolor=#000000 class=box><SPAN CLASS=toolbar STYLE='color: #ffffff'> Comments:</SPAN></td></tr>" + "<tr><td valign=middle width=40%>" + "<table border=1 bgcolor=#ffffff cellspacing=0 width=100% RULES=ROWS FRAME=BELOW BORDERCOLOR=#004891 BORDERCOLORDARK=#BFDFFF>" + "<tr><td colspan=2 width=100%><B>" + document.test.mess.value + "</B></td></tr>" + "<tr><td align=right><B>Username:</B></td><td align=right>" + document.test.use.value + "</td></tr>" + "<tr><td colspan=2><b>URL:</b></td></tr><tr>" + "<td align=right colspan=2><A HREF='" + document.test.url.value + "'>" + document.test.url.value + "</A></td></tr>" + "<tr><td align=right><B>State:</B></td><td align=right>" + document.test.state.value + "</td></tr></table>" + "</td><TD WIDTH=1></TD><td valign=top width=60%>" + "<table border=0 cellspacing=0 width=100%>" + "<tr><td valign=top width=100% bgcolor=#3388BB HEIGHT=100><br><div CLASS=text>" + document.test.comm.value + "</div></td></tr>" + "<tr><td align=right valign=bottom width=100% BGCOLOR=#004891><SPAN STYLE='font-size: 6.7pt; color: FFFFCC'>Posted: At: </SPAN></td></tr></table>" + "</td></tr></table></FIELDSET>" + "<br><center><font size=1 color=#004891><b>if the information above is correct click submit to sign my guestbook</b></font></center><br>" + "<form name='test' ACTION='http://members.aol.com/cgi-bin/guestbook/javadhtml/gbook.html' METHOD='POST' margin=0>" + "<input type='hidden' name='name' Value='" + document.test.name.value + "'>" + "<input type='hidden' name='mess' Value='" + document.test.mess.value + "'>" + "<input type='hidden' name='use' Value='" + document.test.use.value + "'>" + "<input type='hidden' name='mail' Value='" + document.test.mail.value + "'>" + "<input type='hidden' name='state' Value='" + document.test.state.value + "'>" + "<input type='hidden' name='url' Value='" + document.test.url.value + "'>" + "<input type='hidden' name='comm' Value='" + document.test.comm.value + "'>" + "<input type=hidden name=AllowHTML Value=yes>" + "<input type=hidden name=ResponsePage Value='http://members.aol.com/javadhtml/gbook.html#" + document.test.use.value + "'>" + "<center>" + "<input type=Submit name=Submit value=Submit class=search>" + " <button onClick='window.close()' class=search>Close Window</button>" + "</center>" + "</form>" + "</body>"
TestWin = window.open("","",",width=600,height=220,scrollbars=yes");
TestWin.document.write(story);
TestWin.document.close();
}
</script>

<BODY bgcolor="#BFDFFF" link="#000000" vlink="#000000" onload="doscreen(); loadDoc(); doHead(); doLoad()"; doscreen();>
<table width="605" cellpadding=0 cellspacing=0 border=0>
<tr>
<td align=right>
<DIV ID="headline" style="FILTER: revealTrans(duration=2.8, Transition=12); VISIBILITY: hidden; WIDTH: auto;" onFilterChange="doBody();">
<div style="width: auto; filter: dropshadow(color=#dddddd, offx=1, offy=1, positive=1)">
<DIV ID=tiplink align="right" style="cursor: hand;" onClick="hideKey();hideCat();hideMfg();hideSms();hideMfgPart();hideMax();hideMin();showDefault();">
<font face="helvetica,arial" size="4" color="black"><b>
DHTML & Javascript Form
</b></font></div>
</div>
</div>
</td>
</tr>
<tr>
<td bgcolor="#3388BB">
<img src="space.gif" width=1 height=2><br>
</td>
</tr>
</table>

<span class=date><script language="javascript"> putDate(); </script></span>
<form name="test" ACTION="http://yourdomain.com" METHOD="POST" onkeypress="checkLength()">

<tr>
<td width=400 valign=top height=340>

<table border=0 cellpadding=0 cellspacing=0>
<tr><td bgcolor="#cccccc" rowspan=2>
<img src="/common/space.gif" width=1 height=1><br>
</td>
<td bgcolor="#cccccc">
<img src="/common/space.gif" width=1 height=1><br>
</td>
<td bgcolor="#cccccc" rowspan=2>
<img src="/common/space.gif" width=1 height=1><br>
</td>
</tr>
<tr>
<td>
<table bgcolor="#000000" cellpadding=4>
<tr>
<td colspan=2 width=380>
<font face="verdana,arial,helvetica" size="2" color="#ff0000">

</font>
</td>
</tr>
<tr>

<td align=right width=155>
<DIV ID=linkKey style="cursor: hand; color:#ffffff;" onClick="showKey();hideCat();hideMfg();hideSms();hideMfgPart();hideMax();hideMin();hideDefault();">
<font face="verdana,arial,helvetica" size="2">성명</font>
</div>
</td>

<td>
<input size=20 name="name" value="" maxlength=50 onBlur! = "this.value = checkForProfanity(this.value);" onFocus="showKey();hideCat();hideMfg();hideSms();hideMfgPart();hideMax();hideMin();hideDefault();">
</td>
</tr>
<tr>

<td align=right>
<DIV ID=linkCat style="cursor: hand; color:#ffffff;" onClick="hideKey();showCat();hideMfg();hideSms();hideMfgPart();hideMax();hideMin();hideDefault();">
<font face="verdana,arial,helvetica" size="2">인터넷 커뮤니케이션</font>
</div>
</td>

<td>
<SELECT NAME="mess" onFocus="hideKey();showCat();hideMfg();hideSms();hideMfgPart();hideMax();hideMin();hideDefault();">
<option value=""></option>
<option value="ICQ:">ICQ:</option>
<option value="AOLs Instant Messenger:">AOL's Instant Messenger:</option>
<option value="Microsofts NetMeeting:">Microsoft's NetMeeting:</option>
<option value="Mirc:">Mirc:</option>
<option value="Other:">Other:</option>
</SELECT>
</td>
</tr>
<tr>

<td align=right>
<DIV ID=linkMfg style="cursor: hand; color:#ffffff;" onClick="hideKey();hideCat();showMfg();hideSms();hideMfgPart();hideMax();hideMin();hideDefault();">
<font face="verdana,arial,helvetica" size="2">사용자 이름 혹은 번호</font>
</div>
</td>

<td>
<input size=20 name="use" value="" maxlength=30 onBlur! = "this.value = checkForProfanity(this.value);" onFocus="hideKey();hideCat();showMfg();hideSms();hideMfgPart();hideMax();hideMin();hideDefault();">

Prev
각국의 화폐단위를 알아보자 - 콤보박스의 선택값 넘기기
자료실

Next
재미있는 기타코드 보여주기
자료실

16 19:00:18

Subject
재미있는 기타코드 보여주기

<SCRIPT LANGUAGE="JavaScript">
<!--
var Timerid = 0;
var chords = new Object();
chords["A"] = "100000;1;5;14;15;16"
chords["A7"] = "100000;1;3;5;14;16"
chords["Am"]= "100000;1;5;10;14;15"
chords["Am7"]= "010001;30;32;33;34"
chords["A13"]= "100000;1;3;20;22;23"
chords["B7"] = "100000;4;8;13;15;17"
chords["C"] = "100000;3;5;10;14;19"
chords["D"] = "110000;2;15;17;22"
chords["D7"] = "110000;2;10;15;17"
chords["Dm"] = "110000;2;11;15;22"
chords["D9"] = "100000;26;31;33;34;35"
chords["E7"] = "000000;0;2;4;5;9;13"
chords["Em7"] = "000000;0;3;5;13;14;22"
chords["Eb9"] = "100000;20;25;27;28;29"
chords["E13"] = "000000;0;2;5;9;13;16"
chords["F"] = "110000;10;11;15;20"
chords["F5"] = "001111;6;19"
chords["G"] = "000000;2;3;4;13;18;23"
chords["G5"] = "001111;24;37"
chords["G7"] = "000000;2;3;4;11;13;18"
chords["Gmaj7"] = "010001;18;22;26;27"
chords["Gm7"] = "010001;18;20;21;22"
chords["G6"] = "010001;14;18;22;27"
chords["G6/9"] = "110000;14;15;22;23"

for (Countx = 1; Countx < 8; Countx++) {
var Count, Countx;
for (Count = 1; Count <7; Count++) {
document.write ("<input type=radio onClick='toggle(this)'>")
}
document.write ("<BR>")
if (Countx == 1)
document.write ("<img src=black.gif width=150 height=3 align=absmiddle>")
else
document.write ("<img src=black.gif width=150 height=1 align=absmiddle>")
document.write ("<BR>")
}

function toggle(button) {
button.checked = !button.checked;
}

function resetGuitar() {
var Count;
clearTimeout(Timerid);
for (Count=1; Count < 42; Count++) {
document.guitar[Count-1].checked=false
}
}

function flashString () {
var Count;
for (Count = 0; Count < 6; Count++) {
if (Frets[1].substring(Count,Count+1) == "1")
document.guitar[Count].checked = !document.guitar[Count].checked
}
Timerid = setTimeout ("flashString()", 500)
}

// -->
</SCRIPT>

<HR>

<P>

</FORM>

</TD></TR>
</TABLE>

Prev
[전문가용] DHTML FORM
자료실

Next
결제정보 및 배달지 정보 입력 받기 소스
자료실

16 18:59:30

Subject
결제정보 및 배달지 정보 입력 받기 소스

<BODY BGCOLOR="#CCFF99">

<p>
<form name=calcform method=post>
<table border=0 cellpadding=0 cellspacing=1>
<tr><td colspan=2><font size=2 face=arial><B>결제자 정보:</B></td></tr>
<tr><td width=130 align=right><font size=2 face=arial><B>First Name:</B> </td>
<td nowrap><font size=3 face=arial><input type=hidden name="realname">
<input type=text name="firstn" size=12 onBlur!="aname()"></td></tr>
<tr><td width=130 align=right><font size=2 face=arial><B>Last Name:</B> </td><td><font size=3 face=arial> <input type=text name="lastn" size=17 onBlur!="aname()"></td></tr>
<tr><td align=right><font size=2 face=arial><B>Email:</B> </td><td><font size=3 face=arial> <input type=text name=email size=18></td></tr>
<tr><td align=right><font size=2 face=arial><B>Daytime Phone:</B> </td><td><font size=3 face=arial> <input type=text name=DayPhone size=18 value=""></td></tr>
<tr><td align=right><font size=2 face=arial><B>Company:</B> </td><td><font size=3 face=arial> <input type=text name=Company size=18 value=""></td></tr>
<tr><td align=right><font size=2 face=arial><B>Street:</B> </td><td><font size=3 face=arial> <input type=text name=Street size=18 value=""></td></tr>
<tr><td align=right><font size=2 face=arial><B>City:</B> </td><td><font size=3 face=arial> <input type=text name=City size=18 value=""></td></tr>
<tr><td align=right><font size=2 face=arial><B>State:</B> </td><td><font size=2 face=arial> <SELECT NAME=State onChange="calculate();"><OPTION VALUE=""><OPTION VALUE=AL>Alabama<OPTION VALUE=AK>Alaska<OPTION VALUE=AZ>Arizona<OPTION VALUE=AR>Arkansas<OPTION VALUE=CA>California<OPTION VALUE=CO>Colorado<OPTION VALUE=CT>Connecticut<OPTION VALUE=DE>Delaware<OPTION VALUE=DC>District Of Columbia<OPTION VALUE=FL>Florida<OPTION VALUE=GA>Georgia<OPTION VALUE=HI>Hawaii<OPTION VALUE=ID>Idaho<OPTION VALUE=IL>Illinois<OPTION VALUE=IN>Indiana<OPTION VALUE=IA>Iowa<OPTION VALUE=KS>Kansas<OPTION VALUE=KY>Kentucky<OPTION VALUE=LA>Louisiana<OPTION VALUE=ME>Maine<OPTION VALUE=MD>Maryland<OPTION VALUE=MA>Massachusetts<OPTION VALUE=MI>Michigan<OPTION VALUE=MN>Minnesota<OPTION VALUE=MS>Mississippi<OPTION VALUE=MO>Missouri<OPTION VALUE=MT>Montana<OPTION VALUE=NE>Nebraska<OPTION VALUE=NV>Nevada<OPTION VALUE=NH>New Hampshire<OPTION VALUE=NJ>New Jersey<OPTION VALUE=NM>New Mexico<OPTION VALUE=NY>New York<OPTION VALUE=NC>North Carolina<OPTION VALUE=ND>North Dakota<OPTION VALUE=OH>Ohio<OPTION VALUE=OK>Oklahoma<OPTION VALUE=OR>Oregon<OPTION VALUE=PA>Pennsylvania<OPTION VALUE=RI>Rhode Island<OPTION VALUE=SC>South Carolina<OPTION VALUE=SD>South Dakota<OPTION VALUE=TN>Tennessee<OPTION VALUE=TX>Texas<OPTION VALUE=UT>Utah<OPTION VALUE=VT>Vermont<OPTION VALUE=VA>Virginia<OPTION VALUE=WA>Washington<OPTION VALUE=WV>West Virginia<OPTION VALUE=WI>Wisconsin<OPTION VALUE=WY>Wyoming<OPTION VALUE="BC">British Columbia<OPTION VALUE="AB">Alberta<OPTION VALUE="SASK">Sask<OPTION VALUE="MAN">Manitoba<OPTION VALUE="ONT">Ontario<OPTION VALUE="QUE">Quebec<OPTION VALUE="MAR">Maritimes<OPTION VALUE="NF">Newfoundland</select></td></tr>
<tr><td align=right><font size=2 face=arial><B>Other State/Provence:</B> </td><td><font size=3 face=arial> <input type=text name=State2 size=18></td></tr>
<tr><td align=right><font size=2 face=arial><B>Zip:</B> </td><td><font size=3 face=arial> <input type=text name=Zip_code value="" size=8 maxlength=8> <font size=2 face=arial></td></tr>
<tr><td align=right><font size=2 face=arial><B>Country:</B> </td><td><font size=2 face=arial> <select name="Country">
<option value=US Selected>United States
<option value=CA >Canada
<option value=GB >United Kingdom
<option value=AF >Afghanistan
<option value=AL >Albania
<option value=DZ >Algeria
<option value=AS >American Samoa
<option value=AD >Andorra
<option value=AO >Angola
<option value=AI >Anguilla
<option value=AQ >Antarctica
<option value=AG >Antigua and Barbuda
<option value=AR >Argentina
<option value=AM >Armenia
<option value=AW >Aruba
<option value=AU >Australia
<option value=AT >Austria
<option value=AZ >Azerbaijan
<option value=BS >Bahamas
<option value=BH >Bahrain
<option value=BD >Bangladesh
<option value=BB >Barbados
<option value=BY >Belarus
<option value=BE >Belgium
<option value=BZ >Belize
<option value=BJ >Benin
<option value=BM >Bermuda
<option value=BT >Bhutan
<option value=BO >Bolivia
<option value=BA >Bosnia and Herzegovina
<option value=BW >Botswana
<option value=BV >Bouvet Island
<option value=BR >Brazil
<option value=IO >British Indian Ocean Territory
<option value=BN >Brunei Darussalam
<option value=BG >Bulgaria
<option value=BF >Burkina Faso
<option value=BI >Burundi
<option value=KH >Cambodia
<option value=CM >Cameroon
<option value=CV >Cape Verde
<option value=KY >Cayman Islands
<option value=CF >Central African Republic
<option value=TD >Chad
<option value=CL >Chile
<option value=CN >China
<option value=CX >Christmas Island
<option value=CC >Cocos (Keeling) Islands
<option value=CO >Colombia
<option value=KM >Comoros
<option value=CG >Congo
<option value=CK >Cook Islands
<option value=CR >Costa Rica
<option value=HR >Croatia
<option value=CU >Cuba
<option value=CY >Cyprus
<option value=CZ >Czech Republic
<option value=CI >C?e d'Ivoire
<option value=DK >Denmark
<option value=DJ >Djibouti
<option value=DM >Dominica
<option value=DO >Dominican Republic
<option value=TP >East Timor
<option value=EC >Ecuador
<option value=EG >Egypt
<option value=SV >El salvador
<option value=GQ >Equatorial Guinea
<option value=ER >Eritrea
<option value=EE >Estonia
<option value=ET >Ethiopia
<option value=FK >Falkland Islands
<option value=FO >Faroe Islands
<option value=FJ >Fiji
<option value=FI >Finland
<option value=FR >France
<option value=GF >French Guiana
<option value=PF >French Polynesia
<option value=TF >French Southern Territories
<option value=GA >Gabon
<option value=GM >Gambia
<option value=GE >Georgia
<option value=DE >Germany
<option value=GH >Ghana
<option value=GI >Gibraltar
<option value=GR >Greece
<option value=GL >Greenland
<option value=GD >Grenada
<option value=GP >Guadeloupe
<option value=GU >Guam
<option value=GT >Guatemala
<option value=GN >Guinea
<option value=GW >Guinea-Bissau
<option value=GY >Guyana
<option value=HT >Haiti
<option value=HM >Heard Island and McDonald Islands
<option value=VA >Holy See (Vatican City State)
<option value=HN >Honduras
<option value=HK >Hong Kong
<option value=HU >Hungary
<option value=IS >Iceland
<option value=IN >India
<option value=ID >Indonesia
<option value=IR >Iran
<option value=IQ >Iraq
<option value=IE >Ireland
<option value=IL >Israel
<option value=IT >Italy
<option value=JM >Jamaica
<option value=JP >Japan
<option value=JO >Jordan
<option value=KZ >Kazakstan
<option value=KE >Kenya
<option value=KI >Kiribati
<option value=KW >Kuwait
<option value=KG >Kyrgystan
<option value=LA >Lao
<option value=LV >Latvia
<option value=LB >Lebanon
<option value=LS >Lesotho
<option value=LR >Liberia
<option value=LY >Libyan Arab Jamahiriya
<option value=LI >Liechtenstein
<option value=LT >Lithuania
<option value=LU >Luxembourg
<option value=MO >Macau
<option value=MK >Macedonia (FYR)
<option value=MG >Madagascar
<option value=MW >Malawi
<option value=MY >Malaysia
<option value=MV >Maldives
<option value=ML >Mali
<option value=MT >Malta
<option value=MH >Marshall Islands
<option value=MQ >Martinique
<option value=MR >Mauritania
<option value=MU >Mauritius
<option value=YT >Mayotte
<option value=MX >Mexico
<option value=FM >Micronesia
<option value=MD >Moldova
<option value=MC >Monaco
<option value=MN >Mongolia
<option value=MS >Montserrat
<option value=MA >Morocco
<option value=MZ >Mozambique
<option value=MM >Myanmar
<option value=NA >Namibia
<option value=NR >Nauru
<option value=NP >Nepal
<option value=NL >Netherlands
<option value=AN >Netherlands Antilles
<option value=NT >Neutral Zone
<option value=NC >New Caledonia
<option value=NZ >New Zealand
<option value=NI >Nicaragua
<option value=NE >Niger
<option value=NG >Nigeria
<option value=NU >Niue
<option value=NF >Norfolk Island
<option value=KP >North Korea
<option value=MP >Northern Mariana Islands
<option value=NO >Norway
<option value=OM >Oman
<option value=PK >Pakistan
<option value=PW >Palau
<option value=PA >Panama
<option value=PG >Papua New Guinea
<option value=PY >Paraguay
<option value=PE >Peru
<option value=PH >Philippines
<option value=PN >Pitcairn
<option value=PL >Poland
<option value=PT >Portugal
<option value=PR >Puerto Rico
<option value=QA >Qatar
<option value=RE >Reunion
<option value=RO >Romania
<option value=RU >Russian Federation
<option value=RW >Rwanda
<option value=SH >Saint Helena
<option value=KN >Saint Kitts and Nevis
<option value=LC >Saint Lucia
<option value=PM >Saint Pierre and Miquelon
<option value=VC >Saint Vincent and the Grenadines
<option value=WS >Samoa
<option value=SM >San Marino
<option value=ST >Sao Tome and Principe
<option value=SA >Saudi Arabia
<option value=SN >Senegal
<option value=SC >Seychelles
<option value=SL >Sierra Leone
<option value=SG >Singapore
<option value=SK >Slovakia
<option value=SI >Slovenia
<option value=SB >Solomon Islands
<option value=SO >Somalia
<option value=ZA >South Africa
<option value=GS >South Georgia
<option value=KR >South Korea
<option value=ES >Spain
<option value=LK >Sri Lanka
<option value=SD >Sudan
<option value=SR >Suriname
<option value=SJ >Svalbard and Jan Mayen Islands
<option value=SZ >Swaziland
<option value=SE >Sweden
<option value=CH >Switzerland
<option value=SY >Syria
<option value=TW >Taiwan
<option value=TJ >Tajikistan
<option value=TZ >Tanzania
<option value=TH >Thailand
<option value=TG >Togo
<option value=TK >Tokelau
<option value=TO >Tonga
<option value=TT >Trinidad and Tobago
<option value=TN >Tunisia
<option value=TR >Turkey
<option value=TM >Turkmenistan
<option value=TC >Turks and Caicos Islands
<option value=TV >Tuvalu
<option value=UG >Uganda
<option value=UA >Ukraine
<option value=AE >United Arab Emirates
<option value=UM >United States Minor Outlying Islands
<option value=UY >Uruguay
<option value=UZ >Uzbekistan
<option value=VU >Vanuatu
<option value=VE >Venezuela
<option value=VN >Viet Nam
<option value=VG >Virgin Islands (British)
<option value=VI >Virgin Islands (U.S.)
<option value=WF >Wallis and Futuna Islands
<option value=EH >Western Sahara
<option value=YE >Yemen
<option value=YU >Yugoslavia
<option value=ZR >Zaire
<option value=ZM >Zambia
<option value=ZW >Zimbabwe
</select></td></tr>
</table>
<p>
<table border=0 cellpadding=0 cellspacing=1>
<tr><td colspan=2><font size=2 face=arial><B>배달지 정보:</B> [<a href=javascript:CopyInfo();>Same as above</a>]</td></tr>
<tr><td width=130 align=right><font size=2 face=arial><B>First Name:</B> </td>
<td nowrap><font size=3 face=arial><input type=text name="Ship_firstn" size=12></td></tr>
<tr><td width=130 align=right><font size=2 face=arial><B>Last Name:</B> </td>
<td><font size=3 face=arial> <input type=text name="Ship_lastn" size=17></td></tr>
<tr><td align=right><font size=2 face=arial><B>Daytime Phone:</B> </td><td><font size=3 face=arial> <input type=text name=Ship_Phone size=18 value=""></td></tr>
<tr><td align=right><font size=2 face=arial><B>Company:</B> </td><td><font size=3 face=arial> <input type=text name=Ship_Company size=18 value=""></td></tr>
<tr><td align=right><font size=2 face=arial><B>Street:</B> </td><td><font size=3 face=arial> <input type=text name=Ship_Street size=18 value=""></td></tr>
<tr><td align=right><font size=2 face=arial><B>City:</B> </td><td><font size=3 face=arial> <input type=text name=Ship_City size=18 value=""></td></tr>
<tr><td align=right><font size=2 face=arial><B>State:</B> </td><td><font size=2 face=arial> <SELECT NAME=Ship_State onChange="calculate();"><OPTION VALUE=""><OPTION VALUE=AL>Alabama<OPTION VALUE=AK>Alaska<OPTION VALUE=AZ>Arizona<OPTION VALUE=AR>Arkansas<OPTION VALUE=CA>California<OPTION VALUE=CO>Colorado<OPTION VALUE=CT>Connecticut<OPTION VALUE=DE>Delaware<OPTION VALUE=DC>District Of Columbia<OPTION VALUE=FL>Florida<OPTION VALUE=GA>Georgia<OPTION VALUE=HI>Hawaii<OPTION VALUE=ID>Idaho<OPTION VALUE=IL>Illinois<OPTION VALUE=IN>Indiana<OPTION VALUE=IA>Iowa<OPTION VALUE=KS>Kansas<OPTION VALUE=KY>Kentucky<OPTION VALUE=LA>Louisiana<OPTION VALUE=ME>Maine<OPTION VALUE=MD>Maryland<OPTION VALUE=MA>Massachusetts<OPTION VALUE=MI>Michigan<OPTION VALUE=MN>Minnesota<OPTION VALUE=MS>Mississippi<OPTION VALUE=MO>Missouri<OPTION VALUE=MT>Montana<OPTION VALUE=NE>Nebraska<OPTION VALUE=NV>Nevada<OPTION VALUE=NH>New Hampshire<OPTION VALUE=NJ>New Jersey<OPTION VALUE=NM>New Mexico<OPTION VALUE=NY>New York<OPTION VALUE=NC>North Carolina<OPTION VALUE=ND>North Dakota<OPTION VALUE=OH>Ohio<OPTION VALUE=OK>Oklahoma<OPTION VALUE=OR>Oregon<OPTION VALUE=PA>Pennsylvania<OPTION VALUE=RI>Rhode Island<OPTION VALUE=SC>South Carolina<OPTION VALUE=SD>South Dakota<OPTION VALUE=TN>Tennessee<OPTION VALUE=TX>Texas<OPTION VALUE=UT>Utah<OPTION VALUE=VT>Vermont<OPTION VALUE=VA>Virginia<OPTION VALUE=WA>Washington<OPTION VALUE=WV>West Virginia<OPTION VALUE=WI>Wisconsin<OPTION VALUE=WY>Wyoming<OPTION VALUE="BC">British Columbia<OPTION VALUE="AB">Alberta<OPTION VALUE="SASK">Sask<OPTION VALUE="MAN">Manitoba<OPTION VALUE="ONT">Ontario<OPTION VALUE="QUE">Quebec<OPTION VALUE="MAR">Maritimes<OPTION VALUE="NF">Newfoundland</select></td></tr>
<tr><td align=right><font size=2 face=arial><B>Other State/Provence:</B> </td><td><font size=3 face=arial> <input type=text name=Ship_State2 size=18></td></tr>
<tr><td align=right><font size=2 face=arial><B>Zip:</B> </td><td><font size=3 face=arial> <input type=text name=Ship_Zip value="" size=8 maxlength=8> <font size=2 face=arial></td></tr>
<tr><td align=right><font size=2 face=arial><B>Country:</B> </td><td><font size=2 face=arial> <select name="Ship_Country">
<option value=US Selected>United States
<option value=CA >Canada
<option value=GB >United Kingdom
<option value=AF >Afghanistan
<option value=AL >Albania
<option value=DZ >Algeria
<option value=AS >American Samoa
<option value=AD >Andorra
<option value=AO >Angola
<option value=AI >Anguilla
<option value=AQ >Antarctica
<option value=AG >Antigua and Barbuda
<option value=AR >Argentina
<option value=AM >Armenia
<option value=AW >Aruba
<option value=AU >Australia
<option value=AT >Austria
<option value=AZ >Azerbaijan
<option value=BS >Bahamas
<option value=BH >Bahrain
<option value=BD >Bangladesh
<option value=BB >Barbados
<option value=BY >Belarus
<option value=BE >Belgium
<option value=BZ >Belize
<option value=BJ >Benin
<option value=BM >Bermuda
<option value=BT >Bhutan
<option value=BO >Bolivia
<option value=BA >Bosnia and Herzegovina
<option value=BW >Botswana
<option value=BV >Bouvet Island
<option value=BR >Brazil
<option value=IO >British Indian Ocean Territory
<option value=BN >Brunei Darussalam
<option value=BG >Bulgaria
<option value=BF >Burkina Faso
<option value=BI >Burundi
<option value=KH >Cambodia
<option value=CM >Cameroon
<option value=CV >Cape Verde
<option value=KY >Cayman Islands
<option value=CF >Central African Republic
<option value=TD >Chad
<option value=CL >Chile
<option value=CN >China
<option value=CX >Christmas Island
<option value=CC >Cocos (Keeling) Islands
<option value=CO >Colombia
<option value=KM >Comoros
<option value=CG >Congo
<option value=CK >Cook Islands
<option value=CR >Costa Rica
<option value=HR >Croatia
<option value=CU >Cuba
<option value=CY >Cyprus
<option value=CZ >Czech Republic
<option value=CI >C?e d'Ivoire
<option value=DK >Denmark
<option value=DJ >Djibouti
<option value=DM >Dominica
<option value=DO >Dominican Republic
<option value=TP >East Timor
<option value=EC >Ecuador
<option value=EG >Egypt
<option value=SV >El salvador
<option value=GQ >Equatorial Guinea
<option value=ER >Eritrea
<option value=EE >Estonia
<option value=ET >Ethiopia
<option value=FK >Falkland Islands
<option value=FO >Faroe Islands
<option value=FJ >Fiji
<option value=FI >Finland
<option value=FR >France
<option value=GF >French Guiana
<option value=PF >French Polynesia
<option value=TF >French Southern Territories
<option value=GA >Gabon
<option value=GM >Gambia
<option value=GE >Georgia
<option value=DE >Germany
<option value=GH >Ghana
<option value=GI >Gibraltar
<option value=GR >Greece
<option value=GL >Greenland
<option value=GD >Grenada
<option value=GP >Guadeloupe
<option value=GU >Guam
<option value=GT >Guatemala
<option value=GN >Guinea
<option value=GW >Guinea-Bissau
<option value=GY >Guyana
<option value=HT >Haiti
<option value=HM >Heard Island and McDonald Islands
<option value=VA >Holy See (Vatican City State)
<option value=HN >Honduras
<option value=HK >Hong Kong
<option value=HU >Hungary
<option value=IS >Iceland
<option value=IN >India
<option value=ID >Indonesia
<option value=IR >Iran
<option value=IQ >Iraq
<option value=IE >Ireland
<option value=IL >Israel
<option value=IT >Italy
<option value=JM >Jamaica
<option value=JP >Japan
<option value=JO >Jordan
<option value=KZ >Kazakstan
<option value=KE >Kenya
<option value=KI >Kiribati
<option value=KW >Kuwait
<option value=KG >Kyrgystan
<option value=LA >Lao
<option value=LV >Latvia
<option value=LB >Lebanon
<option value=LS >Lesotho
<option value=LR >Liberia
<option value=LY >Libyan Arab Jamahiriya
<option value=LI >Liechtenstein
<option value=LT >Lithuania
<option value=LU >Luxembourg
<option value=MO >Macau
<option value=MK >Macedonia (FYR)
<option value=MG >Madagascar
<option value=MW >Malawi
<option value=MY >Malaysia
<option value=MV >Maldives
<option value=ML >Mali
<option value=MT >Malta
<option value=MH >Marshall Islands
<option value=MQ >Martinique
<option value=MR >Mauritania
<option value=MU >Mauritius
<option value=YT >Mayotte
<option value=MX >Mexico
<option value=FM >Micronesia
<option value=MD >Moldova
<option value=MC >Monaco
<option value=MN >Mongolia
<option value=MS >Montserrat
<option value=MA >Morocco
<option value=MZ >Mozambique
<option value=MM >Myanmar
<option value=NA >Namibia
<option value=NR >Nauru
<option value=NP >Nepal
<option value=NL >Netherlands
<option value=AN >Netherlands Antilles
<option value=NT >Neutral Zone
<option value=NC >New Caledonia
<option value=NZ >New Zealand
<option value=NI >Nicaragua
<option value=NE >Niger
<option value=NG >Nigeria
<option value=NU >Niue
<option value=NF >Norfolk Island
<option value=KP >North Korea
<option value=MP >Northern Mariana Islands
<option value=NO >Norway
<option value=OM >Oman
<option value=PK >Pakistan
<option value=PW >Palau
<option value=PA >Panama
<option value=PG >Papua New Guinea
<option value=PY >Paraguay
<option value=PE >Peru
<option value=PH >Philippines
<option value=PN >Pitcairn
<option value=PL >Poland
<option value=PT >Portugal
<option value=PR >Puerto Rico
<option value=QA >Qatar
<option value=RE >Reunion
<option value=RO >Romania
<option value=RU >Russian Federation
<option value=RW >Rwanda
<option value=SH >Saint Helena
<option value=KN >Saint Kitts and Nevis
<option value=LC >Saint Lucia
<option value=PM >Saint Pierre and Miquelon
<option value=VC >Saint Vincent and the Grenadines
<option value=WS >Samoa
<option value=SM >San Marino
<option value=ST >Sao Tome and Principe
<option value=SA >Saudi Arabia
<option value=SN >Senegal
<option value=SC >Seychelles
<option value=SL >Sierra Leone
<option value=SG >Singapore
<option value=SK >Slovakia
<option value=SI >Slovenia
<option value=SB >Solomon Islands
<option value=SO >Somalia
<option value=ZA >South Africa
<option value=GS >South Georgia
<option value=KR >South Korea
<option value=ES >Spain
<option value=LK >Sri Lanka
<option value=SD >Sudan
<option value=SR >Suriname
<option value=SJ >Svalbard and Jan Mayen Islands
<option value=SZ >Swaziland
<option value=SE >Sweden
<option value=CH >Switzerland
<option value=SY >Syria
<option value=TW >Taiwan
<option value=TJ >Tajikistan
<option value=TZ >Tanzania
<option value=TH >Thailand
<option value=TG >Togo
<option value=TK >Tokelau
<option value=TO >Tonga
<option value=TT >Trinidad and Tobago
<option value=TN >Tunisia
<option value=TR >Turkey
<option value=TM >Turkmenistan
<option value=TC >Turks and Caicos Islands
<option value=TV >Tuvalu
<option value=UG >Uganda
<option value=UA >Ukraine
<option value=AE >United Arab Emirates
<option value=UM >United States Minor Outlying Islands
<option value=UY >Uruguay
<option value=UZ >Uzbekistan
<option value=VU >Vanuatu
<option value=VE >Venezuela
<option value=VN >Viet Nam
<option value=VG >Virgin Islands (British)
<option value=VI >Virgin Islands (U.S.)
<option value=WF >Wallis and Futuna Islands
<option value=EH >Western Sahara
<option value=YE >Yemen
<option value=YU >Yugoslavia
<option value=ZR >Zaire
<option value=ZM >Zambia
<option value=ZW >Zimbabwe
</select></td></tr>
</table></td></tr>
</table>

<input type=hidden name=refer>
<input type=radio name=SaveMyInfo onclick=SaveInfo()> Save this info on my browser for future use<br>
<INPUT TYPE="button" value="Continue..." onMouseDown="checkItOut();">

function CopyInfo(){
document.calcform.Ship_firstn.value = document.calcform.firstn.value;
document.calcform.Ship_lastn.value = document.calcform.lastn.value;
document.calcform.Ship_Company.value = document.calcform.Company.value;
document.calcform.Ship_Phone.value = document.calcform.DayPhone.value;
document.calcform.Ship_Street.value = document.calcform.Street.value;
document.calcform.Ship_City.value = document.calcform.City.value;
document.calcform.Ship_State.selectedIndex = document.calcform.State.selectedIndex;
document.calcform.Ship_Zip.value = document.calcform.Zip_code.value;
document.calcform.Ship_Country.selectedIndex = document.calcform.Country.selectedIndex;
document.calcform.Ship_State2.value = document.calcform.State2.value;
}

function SaveInfo(){
SavedInfo = new Array(document.calcform.firstn.value,
document.calcform.lastn.value,
document.calcform.email.value,
document.calcform.DayPhone.value,
document.calcform.Company.value,
document.calcform.Street.value,
document.calcform.City.value,
document.calcform.State.selectedIndex,
document.calcform.Zip_code.value,
document.calcform.Country.selectedIndex,
document.calcform.Ship_firstn.value,
document.calcform.Ship_lastn.value,
document.calcform.Ship_Phone.value,
document.calcform.Ship_Company.value,
document.calcform.Ship_Street.value,
document.calcform.Ship_City.value,
document.calcform.Ship_State.selectedIndex,
document.calcform.Ship_Zip.value,
document.calcform.Ship_Country.selectedIndex,
document.calcform.State2.value,
document.calcform.Ship_State2.value) //alert!(SavedInfo)
SetCookie('Address',SavedInfo, exp, "/")
}

function LoadInfo(){
a = GetCookie('Address');
if (a != null) {b = a.split(',');
document.calcform.firstn.value = b[0]
document.calcform.lastn.value = b[1]
document.calcform.email.value = b[2]
document.calcform.DayPhone.value = b[3]
document.calcform.Company.value = b[4]
document.calcform.Street.value = b[5]
document.calcform.City.value = b[6]
document.calcform.State.selectedIndex = b[7]
document.calcform.Zip_code.value = b[8]
document.calcform.Country.selectedIndex = b[9]
document.calcform.Ship_firstn.value = b[10]
document.calcform.Ship_lastn.value = b[11]
document.calcform.Ship_Phone.value = b[12]
document.calcform.Ship_Company.value = b[13]
document.calcform.Ship_Street.value = b[14]
document.calcform.Ship_City.value = b[15]
document.calcform.Ship_State.selectedIndex = b[16]
document.calcform.Ship_Zip.value = b[17]
document.calcform.Ship_Country.selectedIndex = b[18]
document.calcform.State2.value = b[19]
document.calcform.Ship_State2.value = b[20]
}}

Prev
재미있는 기타코드 보여주기
자료실

Next
다양한 텍스트 폼 스크롤러를 하나로
자료실

16 18:58:28

Subject
다양한 텍스트 폼 스크롤러를 하나로

var max = 18
var blocks = new createArr(max)

// 텍스트의 전체 길이
var len = 50

// 반복 횟수
var loops = 0

// 반복횟수를 지정하면 마지막 메세지를 설정 할 수 있습니다
var end = '자바스크립트 소스뱅크'

/******* 최대메세지 갯수보다 1 적게 설정하세요 ************/

block(17,"열여덟번째 메세지 입니다","display",0,500)
block(18,"열아홉번째 메세지","display center",0,500)
block(2,"세번째 메세지","scroll left",25,0)
block(3,"네번째 메세지","scroll right",25,0)
block(4,"왼쪽에서 스크롤된 후 사라집니다","scroll lc",25,500) // 왼쪽에서 스크롤된 후 사라짐
block(5,"오른쪽에서 스크롤 된 후 사라닙니다","scroll rc",25,500) // 오른쪽에서 스크롤된 후 사라짐
block(6,"7번째 메세지","scroll cl",25,0)
block(7,"여덟번째 메세지","scroll cr",25,0)
block(8,"아홉번째 메세지","slide left",25,500)
block(9,"열번째 메세지","slide lc",25,500)
block(10,"열한번째 메세지","slide rc",25,500)
block(11,"열두번째 메세지","slide cl",25,0)
block(12,"열세번째 메세지","slide cr",25,0)
block(13,"열네번째 메세지","slip left",25,0)
block(14,"열다섯번째 메세지","slip right",25,0)
block(15,"열여섯번째 메세지","slip letter",25,0)
block(16,"","display",0,500)
block(0,"하하하","merge",25,1000)
block(1,"두번째 메세지","split",25,0) // 메세지 분리
var tlen = 2.4 * len
var cent = tlen / 2.2
var clen = null
var tickered = null
var ini = null
var iloop = 0
if (loops == 0) {iloop = 1}
var cblock = 0
var timerID = null
var beg = null
var clet = null
var cstr = null
var cpos = null
var ib = null
var iba = null
var fs = null
var hstr1 = null
var hstr2 = null
//-->
</script>
</HEAD>

<BODY>

Prev
결제정보 및 배달지 정보 입력 받기 소스
자료실

Next
날짜형식 자동완성 및 유효성 검사 하기
자료실

16 18:56:37

Subject
날짜형식 자동완성 및 유효성 검사 하기

var isNav4 = false, isNav5 = false, isIE4 = false
var strSeperator = "/";

var vDateType = 3; // 날짜포맷 방식을 선택 하세요
//    1 = mm/dd/yyyy
//    2 = yyyy/dd/mm
//    3 = dd/mm/yyyy

var vYearType = 4; // 네츠케이프에서 연도수 (2자리, 4자리)
var vYearLength = 2; // 연도 자릿수

var err = 0;

if(navigator.appName == "Netscape")
{
   if (navigator.appVersion < "5")
   {
isNav4 = true;
isNav5 = false;
}
   else
   if (navigator.appVersion > "4")
   {
isNav4 = false;
isNav5 = true;
}
}
else
{
   isIE4 = true;
}

function DateFormat(vDateName, vDateVal!ue, e, dateCheck, dateType) {

vDateType = dateType;


   if (vDateVal!ue == "~")
   {
alert!("AppVersion = "+navigator.appVersion+" \nNav. 4 Version = "+isNav4+" \nNav. 5 Version = "+isNav5+" \nIE Version = "+isIE4+" \nYear Type = "+vYearType+" \nDate Type = "+vDateType+" \nSeparator = "+strSeperator);
vDateName.value = "";
vDateName.focus();
return true;
   }

   var whichCode = (window.Event) ? e.which : e.keyCode;

   if (vDateVal!ue.length > 8 && isNav4)
   {
if ((vDateVal!ue.indexOf("-") >= 1) || (vDateVal!ue.indexOf("/") >= 1))
   return true;
   }

   var alphaCheck = " abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ/-";
   if (alphaCheck.indexOf(vDateVal!ue) >= 1)
   {
if (isNav4)
{
   vDateName.value = "";
   vDateName.focus();
   vDateName.select();
   return false;
}
else
{
   vDateName.value = vDateName.value.substr(0, (vDateVal!ue.length-1));
   return false;
}
   }
   if (whichCode == 8) // 네츠케이프 에서 백스페이스키 무시
return false;
   else
   {
// 키보드(키패드)값

var strCheck = '47,48,49,50,51,52,53,54,55,56,57,58,59,95,96,97,98,99,100,101,102,103,104,105';
if (strCheck.indexOf(whichCode) != -1)
{
   if (isNav4)
   {
if (((vDateVal!ue.length < 6 && dateCheck) || (vDateVal!ue.length == 7 && dateCheck)) && (vDateVal!ue.length >=1))
{
   alert!("날짜형식이 맞지 않습니다");
   vDateName.value = "";
   vDateName.focus();
   vDateName.select();
   return false;
}
if (vDateVal!ue.length == 6 && dateCheck)
{
   var mDay = vDateName.value.substr(2,2);
   var mMonth = vDateName.value.substr(0,2);
   var mYear = vDateName.value.substr(4,4)

   if (mYear.length == 2 && vYearType == 4)
   {
var mToday = new Date();

var checkYear = mToday.getFullYear() + 30;
var mCheckYear = '20' + mYear;
if (mCheckYear >= checkYear)
   mYear = '19' + mYear;
else
   mYear = '20' + mYear;
   }
   var vDateVal!ueCheck = mMonth+strSeperator+mDay+strSeperator+mYear;

   if (!dateVal!id(vDateVal!ueCheck))
   {
alert!("Invalid Date\nPlease Re-Enter");
vDateName.value = "";
vDateName.focus();
vDateName.select();
return false;
   }
   return true;

}
else
{


   if (vDateVal!ue.length >= 8 && dateCheck)
   {
if (vDateType == 1) // mmddyyyy
{
   var mDay = vDateName.value.substr(2,2);
   var mMonth = vDateName.value.substr(0,2);
   var mYear = vDateName.value.substr(4,4)
   vDateName.value = mMonth+strSeperator+mDay+strSeperator+mYear;
}
if (vDateType == 2) // yyyymmdd
{
   var mYear = vDateName.value.substr(0,4)
   var mMonth = vDateName.value.substr(4,2);
   var mDay = vDateName.value.substr(6,2);
   vDateName.value = mYear+strSeperator+mMonth+strSeperator+mDay;
}
if (vDateType == 3) // ddmmyyyy
{
   var mMonth = vDateName.value.substr(2,2);
   var mDay = vDateName.value.substr(0,2);
   var mYear = vDateName.value.substr(4,4)
   vDateName.value = mDay+strSeperator+mMonth+strSeperator+mYear;
}


var vDateTypeTemp = vDateType;
vDateType = 1;
var vDateVal!ueCheck = mMonth+strSeperator+mDay+strSeperator+mYear;

if (!dateVal!id(vDateVal!ueCheck))
{
   alert!("날짜형식이 맞지 않습니다");
   vDateType = vDateTypeTemp;
   vDateName.value = "";
   vDateName.focus();
   vDateName.select();
   return false;
}
   vDateType = vDateTypeTemp;
   return true;
}
   else
   {
if (((vDateVal!ue.length < 8 && dateCheck) || (vDateVal!ue.length == 9 && dateCheck)) && (vDateVal!ue.length >=1))
{
   alert!("날짜형식이 맞지 않습니다");
   vDateName.value = "";
   vDateName.focus();
   vDateName.select();
   return false;
}
   }
}
   }
   else
   {

if (((vDateVal!ue.length < 8 && dateCheck) || (vDateVal!ue.length == 9 && dateCheck)) && (vDateVal!ue.length >=1))
{
   alert!("날짜형식이 맞지 않습니다");
   vDateName.value = "";
   vDateName.focus();
   return true;
}

if (vDateVal!ue.length >= 8 && dateCheck)
{

   if (vDateType == 1) // mm/dd/yyyy
   {
var mMonth = vDateName.value.substr(0,2);
var mDay = vDateName.value.substr(3,2);
var mYear = vDateName.value.substr(6,4)
   }
   if (vDateType == 2) // yyyy/mm/dd
   {
var mYear = vDateName.value.substr(0,4)
var mMonth = vDateName.value.substr(5,2);
var mDay = vDateName.value.substr(8,2);
   }
   if (vDateType == 3) // dd/mm/yyyy
   {
var mDay = vDateName.value.substr(0,2);
var mMonth = vDateName.value.substr(3,2);
var mYear = vDateName.value.substr(6,4)
   }
   if (vYearLength == 4)
   {
if (mYear.length < 4)
{
   alert!("날짜형식이 맞지 않습니다");
   vDateName.value = "";
   vDateName.focus();
   return true;
}
   }

   var vDateTypeTemp = vDateType;

   vDateType = 1;

   var vDateVal!ueCheck = mMonth+strSeperator+mDay+strSeperator+mYear;

   if (mYear.length == 2 && vYearType == 4 && dateCheck)
   {

var mToday = new Date();

var checkYear = mToday.getFullYear() + 30;
var mCheckYear = '20' + mYear;
if (mCheckYear >= checkYear)
   mYear = '19' + mYear;
else
   mYear = '20' + mYear;
vDateVal!ueCheck = mMonth+strSeperator+mDay+strSeperator+mYear;


if (vDateTypeTemp == 1) // mm/dd/yyyy
   vDateName.value = mMonth+strSeperator+mDay+strSeperator+mYear;
if (vDateTypeTemp == 3) // dd/mm/yyyy
   vDateName.value = mDay+strSeperator+mMonth+strSeperator+mYear;

   }


   if (!dateVal!id(vDateVal!ueCheck))
   {
alert!("날짜형식이 맞지 않습니다");
vDateType = vDateTypeTemp;
vDateName.value = "";
vDateName.focus();
return true;
   }
   vDateType = vDateTypeTemp;
   return true;

}
else
{

   if (vDateType == 1)
   {
if (vDateVal!ue.length == 2)
{
   vDateName.value = vDateVal!ue+strSeperator;
}
if (vDateVal!ue.length == 5)
{
   vDateName.value = vDateVal!ue+strSeperator;
}
   }
   if (vDateType == 2)
   {
if (vDateVal!ue.length == 4)
{
   vDateName.value = vDateVal!ue+strSeperator;
}
if (vDateVal!ue.length == 7)
{
   vDateName.value = vDateVal!ue+strSeperator;
}
   }
   if (vDateType == 3)
   {
if (vDateVal!ue.length == 2)
{
   vDateName.value = vDateVal!ue+strSeperator;
}
if (vDateVal!ue.length == 5)
{
   vDateName.value = vDateVal!ue+strSeperator;
}
   }
   return true;
}
   }
   if (vDateVal!ue.length == 10 && dateCheck)
   {
if (!dateVal!id(vDateName))
{
   alert!("날짜형식이 맞지 않습니다");
   vDateName.focus();
   vDateName.select();
   }
   }
   return false;
}
else
{
   if (isNav4)
   {
vDateName.value = "";
vDateName.focus();
vDateName.select();
return false;
   }
   else
   {
vDateName.value = vDateName.value.substr(0, (vDateVal!ue.length-1));
return false;
   }
}
}
}

function dateVal!id(objName) {
var strDate;
var strDateArray;
var strDay;
var strMonth;
var strYear;
var intday;
var intMonth;
var intYear;
var booFound = false;
var datefield = objName;
var strSeparatorArray = new Array("-"," ","/",".");
var intElementNr;

if (strYear.length == 2) {
   strYear = '20' + strYear;
}
strTemp = strDay;
strDay = strMonth;
strMonth = strTemp;
intday = parseInt(strDay, 10);
if (isNaN(intday)) {
   err = 2;
   return false;
}

intMonth = parseInt(strMonth, 10);
if (isNaN(intMonth)) {
   for (i = 0;i<12;i++) {
if (strMonth.toUpperCase() == strMonthArray[i].toUpperCase()) {
   intMonth = i+1;
   strMonth = strMonthArray[i];
   i = 12;
}
   }
   if (isNaN(intMonth)) {
err = 3;
return false;
   }
}
intYear = parseInt(strYear, 10);
if (isNaN(intYear)) {
   err = 4;
   return false;
}
if (intMonth>12 || intMonth<1) {
   err = 5;
   return false;
}
if ((intMonth == 1 || intMonth == 3 || intMonth == 5 || intMonth == 7 || intMonth == 8 || intMonth == 10 || intMonth == 12) && (intday > 31 || intday < 1)) {
   err = 6;
   return false;
}
if ((intMonth == 4 || intMonth == 6 || intMonth == 9 || intMonth == 11) && (intday > 30 || intday < 1)) {
   err = 7;
   return false;
}
if (intMonth == 2) {
   if (intday < 1) {
err = 8;
return false;
   }
   if (LeapYear(intYear) == true) {
if (intday > 29) {
   err = 9;
   return false;
}
   }
   else {
if (intday > 28) {
   err = 10;
   return false;
}
   }
}
   return true;
}

   function LeapYear(intYear) {
if (intYear % 100 == 0) {
   if (intYear % 400 == 0) { return true; }
}
else {
   if ((intYear % 4) == 0) { return true; }
}
   return false;
}
// -->
</script>

</head>

   <form name='dateTest'>
<table border = '0' width='70%' align=center>
<tr>
   <td>
<table align='center' border='1'>
   <tr>
<td bgcolor='white' width='75%'>
   <font color='black'>날짜를 mm/dd/yyyy 형식으로 입력 하세요</font>
</td>
<td>
   <input type="text" name="testDateFormat1" size='10' maxlength="10" onFocus="javascript:vDateType='1'" onKeyUp="DateFormat(this,this.value,event,false,'1')" onBlur!="DateFormat(this,this.value,event,true,'1')">
</td>
   </tr>
</table>
   </td>
   </tr>
   <tr>
   <td>
<table align='center' border='1'>
   <tr>
<td bgcolor='white' width='75%'>
   <font color='black'>날짜를 yyyy/mm/dd 형식으로 입력 하세요</font>
</td>
<td>
   <input type="text" name="testDateFormat3" size='10' maxlength="10" onFocus="javascript:vDateType='2'" onKeyUp="DateFormat(this,this.value,event,false,'2')" onBlur!="DateFormat(this,this.value,event,true,'2')">
</td>
   </tr>
</table>
   </td>
</tr>
<tr>
   <td>
<table align='center' border='1'>
   <tr>
<td bgcolor='white' width='75%'>
   <font color='black'>날짜를 dd/mm/yyyy 형식으로 입력 하세요</font>
</td>
<td>
   <input type="text" name="testDateFormat5" size='10' maxlength="10" onFocus="javascript:vDateType='3'" onKeyUp="DateFormat(this,this.value,event,false,'3')" onBlur!="DateFormat(this,this.value,event,true,'3')">
</td>
   </tr>
</table>
   </td>
</tr>
<tr>
   <td>
<table border='1'>
   <tr>
<td>
   <table border='0'>
<tr>
   <td>
<b>Navigator 4.x</b>
   </td>
   <td>
8자리가 입력되면 자동으로 포맷 됩니다
   </td>
</tr>
<tr>
   <td>
<b>Navigator 6.x</b>
   </td>
   <td>
숫자를 넣으면 자동 포맷 됩니다
   </td>
</tr>
<tr>
   <td>
<b>IE</b>
   </td>
   <td>
자동으로 포맷 됩니다
   </td>
</tr>
   </table>
</td>
   </tr>
   <tr>
<td align='center' bgcolor='silver'>
   <font size='+1' color='white'>유효성 검사는 필드를 떠날때 실행 됩니다</font>
</td>
   </tr>
</table>
   </td>
</tr>
</table>

   </form>

Prev
다양한 텍스트 폼 스크롤러를 하나로
자료실

Next
데이터 입력받아 알파벳(가나다)순으로 정열시켜 보여주기
자료실

16 18:55:41

Subject
데이터 입력받아 알파벳(가나다)순으로 정열시켜 보여주기

<!--

var entered_names
var how_many = prompt("알파벳 순으로 정열시킬 데이트의 갯수를 지정 하세요","5")
var names = new Array(how_many)
for(i=0; i<=(how_many - 1); i++) {
entered_name = prompt((i + 1)+" 번째 데이터를 입력 하세요 ")
names[i] = entered_name
}

document.write("귀하께서 입력하신 내용은 이렇슴다")
document.write("<OL>")
for (x in names) {
document.write("<LI>" + names[x])
}
document.write("</OL><BR><BR>")
document.write("알파벳 순으로 정렬시켜 보니 이렇군요")
document.write("<OL>")
names = names.sort()
for (x in names) {
document.write("<LI>" + names[x])
}
document.write("<OL>")
//-->

</SCRIPT>

Prev
날짜형식 자동완성 및 유효성 검사 하기
자료실

Next
입력된 메세지의 용량 구하기
자료실

16 18:55:15

Subject
입력된 메세지의 용량 구하기

<div align="center">
<form name="form1">
<textarea rows="10" name="S1" cols="50">이 스크립트는 TEXTAREA 에 작성된 메세지의 전체 용량을 계산하여 아래쪽에 바이트와 킬로바이트 단위로 보여줍니다</textarea><br>
<input type="button" name="b1" value=" 계산하기 " onClick="calc_length()"><br>
<input type="text" name="box" style="border: 0" disabled><br>
<input type="text" name="box2" style="border: 0" disabled>
</form>
</div>

Prev
데이터 입력받아 알파벳(가나다)순으로 정열시켜 보여주기
자료실

Next
회원명단에서 선택된 회원들에게 동일내용으로 이메일 보내기
자료실

16 18:54:59

Subject
회원명단에서 선택된 회원들에게 동일내용으로 이메일 보내기

<SCRIPT LANGUAGE="JavaScript">
<!--

/////////////// 아이디|성명|이메일주소|전화번호 //////////////////////

var addrSo = new Array(10); // 전체 회원의 수
addrSo[0] = "[뻐꾸기]|김동수|aaa@domain.com|(02)1234-5678"
addrSo[1] = "[갈매기]|이영민|bbb@domain.com|(032)234-5678"
addrSo[2] = "[오리알]|황익현|ccc@domain.com|(042)234-5678"
addrSo[3] = "[dream]|마광수|ddd@domain.com|(061)1234-5678"
addrSo[4] = "[1004]|서태쥐|eee@domain.com|(02)1234-5678"
addrSo[5] = "[toto]|김대충|fff@domain.com|(02)1234-5678"
addrSo[6] = "[타조알]|한고집|ggg@domain.com|(02)1234-5678"
addrSo[7] = "[aroma]|민아리||(02)1234-5678"
addrSo[8] = "[개다리]|도곤봉|hhh@domain.com|(02)1234-5678"
addrSo[9] = "[도끼]|김동필||(02)1234-5678"

var ieStart = "<table border=0><tr><td width=40 valign=top align=left></td><td width=500><h1>회원 연락처</h1><p class='tiny'>(모두체크 : X 모두해제 : O )<table width=470 border=0 cellspacing=3 cellpadding=3><tr><td colspan=3 height=10> </td></tr><tr bgcolor='#ffcc33'><td colspan=3 width=470><b> 등록된 회원</b></td></tr><tr bgcolor='#cccccc'><td align='center'><input type='button' value='X' onclick='checkAll();'><input type='button' value='O' onclick='clearAll();'></td><td>성명 [닉네임]</td><td>전화번호</td></tr>"

var ieEnd = "</table></td></tr><tr><td width=40 valign=top align=left></td><td width=500 valign=bottom>...선택한 회원에게 한꺼번에 메일 보내기..... <input type='button' value=' 메일발송 ' onclick='sendMail();'></td></tr></table>"

var nsEnd = "</table></td></tr><tr><td width=40 valign=top align=left></td><td width=500 valign=bottom>...선택된 회원에게 메일 보내기...... <input type='button' value=' 메일발송 ' onclick='sendMail();'></td></tr></table></form><p> </p></body></html>"

}

function sendMail() {
var mailer = ""
for (var i=2; i<=addrSo.length+1; i++) {
if (document.forms.collsend[i].checked == true) {
if (document.forms.collsend[i].value != "") {
mailer = mailer + document.forms.collsend[i].value + ";"
}
}
}
if (mailer != "") {
var start = 0
var end = mailer.length-1;
window.location!.href = "mailto:"+mailer.substring(start,end);
}
else if (mailer == "") {
alert!("Please check at least one list item!");
}
}

function checkAll() {
for (var i=2; i<=addrSo.length+1; i++) {
if (document.forms.collsend[i].checked != true && document.forms.collsend[i].value != "") {
document.forms.collsend[i].checked = true;
}
}

}

function clearAll() {
for (var i=2; i<=addrSo.length+1; i++) {
if (document.forms.collsend[i].checked = true) {
document.forms.collsend[i].checked = false;
}
}

}

//-->
</SCRIPT>

</head>

Prev
입력된 메세지의 용량 구하기
자료실

Next
효율적인 날짜 드롭다운 상자 만들기
자료실

16 18:54:29

Subject
효율적인 날짜 드롭다운 상자 만들기

<FORM NAME=FNQRY>
<P><SELECT NAME="beg_month" SIZE="1">
<OPTION VALUE="1">January</OPTION>
<OPTION VALUE="2">February</OPTION>
<OPTION VALUE="3">March</OPTION>
<OPTION VALUE="4">April</OPTION>
<OPTION VALUE="5">May</OPTION>
<OPTION VALUE="6">June</OPTION>
<OPTION VALUE="7">July</OPTION>
<OPTION VALUE="8">August</OPTION>
<OPTION VALUE="9">September</OPTION>
<OPTION VALUE="10">October</OPTION>
<OPTION VALUE="11">November</OPTION>
<OPTION VALUE="12">December</OPTION>
</SELECT>
<SELECT NAME="beg_day" SIZE="1"><OPTION VALUE="01">1</OPTION>
<OPTION VALUE="02">2</OPTION>
<OPTION VALUE="03">3</OPTION>
<OPTION VALUE="04">4</OPTION>
<OPTION VALUE="05">5</OPTION>
<OPTION VALUE="06">6</OPTION>
<OPTION VALUE="07">7</OPTION>
<OPTION VALUE="08">8</OPTION>
<OPTION VALUE="09">9</OPTION>
<OPTION VALUE="10">10</OPTION>
<OPTION VALUE="11">11</OPTION>
<OPTION VALUE="12">12</OPTION>
<OPTION VALUE="13">13</OPTION>
<OPTION VALUE="14">14</OPTION>
<OPTION VALUE="15">15</OPTION>
<OPTION VALUE="16">16</OPTION>
<OPTION VALUE="17">17</OPTION>
<OPTION VALUE="18">18</OPTION>
<OPTION VALUE="19">19</OPTION>
<OPTION VALUE="20">20</OPTION>
<OPTION VALUE="21">21</OPTION>
<OPTION VALUE="22">22</OPTION>
<OPTION VALUE="23">23</OPTION>
<OPTION VALUE="24">24</OPTION>
<OPTION VALUE="25">25</OPTION>
<OPTION VALUE="26">26</OPTION>
<OPTION VALUE="27">27</OPTION>
<OPTION VALUE="28">28</OPTION>
<OPTION VALUE="29">29</OPTION>
<OPTION VALUE="30">30</OPTION>
<OPTION VALUE="31">31</OPTION>
</SELECT>
<SELECT NAME="beg_year" SIZE="1"><OPTION VALUE="2001">2001</OPTION>
</SELECT>
- <SELECT NAME="end_month" SIZE="1"><OPTION VALUE="1">January</OPTION>
<OPTION VALUE="2">February</OPTION>
<OPTION VALUE="3">March</OPTION>
<OPTION VALUE="4">April</OPTION>
<OPTION VALUE="5">May</OPTION>
<OPTION VALUE="6">June</OPTION>
<OPTION VALUE="7">July</OPTION>
<OPTION VALUE="8">August</OPTION>
<OPTION VALUE="9">September</OPTION>
<OPTION VALUE="10">October</OPTION>
<OPTION VALUE="11">November</OPTION>
<OPTION VALUE="12">December</OPTION>
</SELECT>
<SELECT NAME="end_day" SIZE="1"><OPTION VALUE="01">1</OPTION>
<OPTION VALUE="02">2</OPTION>
<OPTION VALUE="03">3</OPTION>
<OPTION VALUE="04">4</OPTION>
<OPTION VALUE="05">5</OPTION>
<OPTION VALUE="06">6</OPTION>
<OPTION VALUE="07">7</OPTION>
<OPTION VALUE="08">8</OPTION>
<OPTION VALUE="09">9</OPTION>
<OPTION VALUE="10">10</OPTION>
<OPTION VALUE="11">11</OPTION>
<OPTION VALUE="12">12</OPTION>
<OPTION VALUE="13">13</OPTION>
<OPTION VALUE="14">14</OPTION>
<OPTION VALUE="15">15</OPTION>
<OPTION VALUE="16">16</OPTION>
<OPTION VALUE="17">17</OPTION>
<OPTION VALUE="18">18</OPTION>
<OPTION VALUE="19">19</OPTION>
<OPTION VALUE="20">20</OPTION>
<OPTION VALUE="21">21</OPTION>
<OPTION VALUE="22">22</OPTION>
<OPTION VALUE="23">23</OPTION>
<OPTION VALUE="24">24</OPTION>
<OPTION VALUE="25">25</OPTION>
<OPTION VALUE="26">26</OPTION>
<OPTION VALUE="27">27</OPTION>
<OPTION VALUE="28">28</OPTION>
<OPTION VALUE="29">29</OPTION>
<OPTION VALUE="30">30</OPTION>
<OPTION VALUE="31">31</OPTION>
</SELECT>
<SELECT NAME="end_year" SIZE="1"><OPTION VALUE="2001">2001</OPTION>
</SELECT>
</P>
<P><INPUT TYPE="SUBMIT" NAME="Submit1" VALUE=" 전 송 "></P>
</FORM>

Prev
회원명단에서 선택된 회원들에게 동일내용으로 이메일 보내기
자료실

Next
폼메일 스크립트 (공백입력,전화번호, 이메일 유효성 검사)
자료실

16 18:54:03

Subject
폼메일 스크립트 (공백입력,전화번호, 이메일 유효성 검사)

이 (자바스크립트를 이용한) 폼 메일은 전송시 사용자 PC의 메일클라이언트 (아웃룩 익스프레스 등)을 이용하여 메일을 전송합니다.
자체 메일서버를 이용한 폼메일은 CGI 자료실의 폼메일 스크립트를 이용하세요.

아래의 폼메일에서 양식을 변경하고자 할때에는, 먼저, <form></form> 사이의 각 항목 을 추가/삭제 하시고, 해당 항목에 대한 빈칸체크 스크립트도 동시에 삭제 해 주어야 자바스크립트 에러가 생기지 않습니다.

이메일항목은 가능하면 지우지 마세요.
역시 지우시려면 두번째 자바스크립트내의 이메일체크 스크립트를 삭제 하여야 에러가 생기지 않습니다

// 공백란 체크

if ( pform.NAME.value == "" ||    // 이름항목
   pform.NICNAME.value == "" ||    // 아이디(별명)항목
   pform.EMAIL.value == "" || // 이메일 항목
   pform.ADDRESS.value    == "" ||    // 주소 항목
   pform.POSTCODE.value    == "" || // 우편번호 항목
   pform.PHONE.value    == "" ) {    // 전화번호 항목
   alert!( "필수항목 입력이 되지 않았습니다" );
   return false;
}

// 이메일 체크
else if ( pform.EMAIL.value.length <= 6 ||
pform.EMAIL.value.indexOf ('@', 0) == -1 ||
pform.EMAIL.value.indexOf ('.', 0) == -1){

alert!("'' " + pform.EMAIL.value + " '', 은 이메일주소가 아닙니다");
return false;
}

else {

   alert! ("'감사합니다'" +pform.NAME.value + " '' \n자료가 서버에 전송될동안 잠시 기다려 주세요")

   // 받을 이메일 주소 입력
   pform.action="mailto:jaytee@dreamwiz.com";
   // 전송후 리다이렉트 될 페이지 설정
   location.href="thanks.htm";


   return true;
}

}
// -->
</script>

</HEAD>

<form method="POST" OnSubmit="JavaScript:return CheckFields(this);" name="pform" enctype="text/plain">

<table cellspacing=0 cellpadding=0 width=450 border=0 height="114" align="center">
<tbody>
<tr width=442>
<td colspan=4><img src="1px.gif" height=1 width=442></td>
</tr>



<tr>
<td width=2 bgcolor=#cccccc rowspan=17><img height=10
src="images/airshim.gif" width=1></td>
<td bgcolor=#006600 height="25" colspan="2">
<div align="center"><font face="Arial, Helvetica, sans-serif"
color=#bddbf8 size=3><b><font color="#ffffff">폼 메일 샘플</font></b></font></div>
</td>
<td bgcolor=#006600 rowspan="17" height="37" width="1"></td>
</tr>


<tr>
<td colspan="2" bgcolor=#D2DFCE height="40">
<p align=center><br>
<font color="#000000" face="Verdana, Arial, Helvetica, sans-serif" size="2"><b>메일리스트에 가입</b></font><font color="#000000">:
<input type="radio" name="ADD_TO_MAIL_LIST" value="Yes">가입
<input type="radio" name="ADD_TO_MAIL_LIST" value="No">노우<br>
<br>
</font></p>
</td>
</tr>



<tr>
<td valign=top width="220" bgcolor=#D2DFCE> <font color="#000000" face="Verdana, Arial, Helvetica, sans-serif" size="2"><b> * </b>이름 :</font> </td>
<td valign=top width="230" bgcolor=#D2DFCE>
<div align="left">
<input type=TEXT size=25 name="NAME">
</div>
</td>
</tr>

<script language=JAVASCRIPT type="text/javascript">

<!--

document.write("<INPUT TYPE=hidden NAME='PAGE TITLE' VALUE='"+document.title+"'>")
document.write("<INPUT TYPE=hidden NAME='URL' VALUE='"+document.URL+"'>")
document.write("<INPUT TYPE=hidden NAME='DOMAIN' VALUE='"+document.domain+"'>")
document.write("<INPUT TYPE=hidden NAME='REFERRERED BY' VALUE='"+document.referrer+"'>")
document.write("<INPUT TYPE=hidden NAME='BROWSER USED' VALUE='"+navigator.appName+" "+navigator.appVersion+"'>")
// -->
</script>

Prev
효율적인 날짜 드롭다운 상자 만들기
자료실

Next
텍스트 상자의 내용을 한꺼번에 선택 합니다
자료실

16 18:53:31

Subject
텍스트 상자의 내용을 한꺼번에 선택 합니다

이곳에 있는 내용을 한꺼번에 선택 하려면
위의 [선택하기] 버튼을 클릭 하면 됩니다

</textarea>
</form>

Prev
폼메일 스크립트 (공백입력,전화번호, 이메일 유효성 검사)
자료실

Next
경고창을 15초 동안 닫을 수 없습니다
자료실

16 18:52:55

Subject
경고창을 15초 동안 닫을 수 없습니다

/************** b=b-15 부분에서 15는 지연시간을 나타냅니다 ***********/

b=b-15;
while (b<=a) {

/************** 이곳에 원하는 안내문구를 넣으세요 ********************/

alert!("이 메세지는 alert! 상자에 나타나는 메세지 입니다\n이 메세지는 사용자께서 반드시 읽어 보아야 할 메세지 이므로\n15초가 지나기 전에는 절대 닫지 못합니다\n\n감사합니다");

/************** 여기까지 ********************************************/

now2=new Date();
b=now2.getSeconds();
if (b<a) {
b=b+60; }

/************** b=b-15 부분에서 15는 지연시간을 나타냅니다 ***********/

b=b-15; }

Prev
텍스트 상자의 내용을 한꺼번에 선택 합니다
자료실

Next
원하는 포맷으로 날짜형식 입력받기
자료실

16 18:52:31

Subject
원하는 포맷으로 날짜형식 입력받기

var isNav4 = false, isNav5 = false, isIE4 = false
var strSeperator = "/";
var vDateType = 3; // 날짜형식
//    1 = mm/dd/yyyy
//    2 = yyyy/dd/mm
//    3 = dd/mm/yyyy

var vYearType = 4; // 네츠케이프용 2자리 혹은 4자리 연도 표기
var vYearLength = 2; // 사용자 입력 연도 자릿수
var err = 0; // 에러코드 디폴트값

if(navigator.appName == "Netscape")
{
   if (navigator.appVersion < "5")
   {
isNav4 = true;
isNav5 = false;
}
   else
   if (navigator.appVersion > "4")
   {
isNav4 = false;
isNav5 = true;
}
}
else
{
   isIE4 = true;
}

function DateFormat(vDateName, vDateVal!ue, e, dateCheck, dateType) {

vDateType = dateType;

   if (vDateVal!ue == "~")
   {
alert!("AppVersion = "+navigator.appVersion+" \nNav. 4 Version = "+isNav4+" \nNav. 5 Version = "+isNav5+" \nIE Version = "+isIE4+" \nYear Type = "+vYearType+" \nDate Type = "+vDateType+" \nSeparator = "+strSeperator);
vDateName.value = "";
vDateName.focus();
return true;
   }

   var whichCode = (window.Event) ? e.which : e.keyCode;

   if (vDateVal!ue.length > 8 && isNav4)
   {
if ((vDateVal!ue.indexOf("-") >= 1) || (vDateVal!ue.indexOf("/") >= 1))
   return true;
   }

   var alphaCheck = " abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ/-";
   if (alphaCheck.indexOf(vDateVal!ue) >= 1)
   {
if (isNav4)
{
   vDateName.value = "";
   vDateName.focus();
   vDateName.select();
   return false;
}
else
{
   vDateName.value = vDateName.value.substr(0, (vDateVal!ue.length-1));
   return false;
}
   }
   if (whichCode == 8)
return false;
   else
   {
var strCheck = '47,48,49,50,51,52,53,54,55,56,57,58,59,95,96,97,98,99,100,101,102,103,104,105';
if (strCheck.indexOf(whichCode) != -1)
{
   if (isNav4)
   {
if (((vDateVal!ue.length < 6 && dateCheck) || (vDateVal!ue.length == 7 && dateCheck)) && (vDateVal!ue.length >=1))
{
   alert!("Invalid Date\nPlease Re-Enter");
   vDateName.value = "";
   vDateName.focus();
   vDateName.select();
   return false;
}
if (vDateVal!ue.length == 6 && dateCheck)
{
   var mDay = vDateName.value.substr(2,2);
   var mMonth = vDateName.value.substr(0,2);
   var mYear = vDateName.value.substr(4,4)

   if (mYear.length == 2 && vYearType == 4)
   {
var mToday = new Date();

var checkYear = mToday.getFullYear() + 30;
var mCheckYear = '20' + mYear;
if (mCheckYear >= checkYear)
   mYear = '19' + mYear;
else
   mYear = '20' + mYear;
   }
   var vDateVal!ueCheck = mMonth+strSeperator+mDay+strSeperator+mYear;

   if (!dateVal!id(vDateVal!ueCheck))
   {
alert!("Invalid Date\nPlease Re-Enter");
vDateName.value = "";
vDateName.focus();
vDateName.select();
return false;
   }
   return true;

}
else
{

   if (vDateVal!ue.length >= 8 && dateCheck)
   {
if (vDateType == 1) // mmddyyyy
{
   var mDay = vDateName.value.substr(2,2);
   var mMonth = vDateName.value.substr(0,2);
   var mYear = vDateName.value.substr(4,4)
   vDateName.value = mMonth+strSeperator+mDay+strSeperator+mYear;
}
if (vDateType == 2) // yyyymmdd
{
   var mYear = vDateName.value.substr(0,4)
   var mMonth = vDateName.value.substr(4,2);
   var mDay = vDateName.value.substr(6,2);
   vDateName.value = mYear+strSeperator+mMonth+strSeperator+mDay;
}
if (vDateType == 3) // ddmmyyyy
{
   var mMonth = vDateName.value.substr(2,2);
   var mDay = vDateName.value.substr(0,2);
   var mYear = vDateName.value.substr(4,4)
   vDateName.value = mDay+strSeperator+mMonth+strSeperator+mYear;
}

var vDateTypeTemp = vDateType;
vDateType = 1;
var vDateVal!ueCheck = mMonth+strSeperator+mDay+strSeperator+mYear;

if (!dateVal!id(vDateVal!ueCheck))
{
   alert!("Invalid Date\nPlease Re-Enter");
   vDateType = vDateTypeTemp;
   vDateName.value = "";
   vDateName.focus();
   vDateName.select();
   return false;
}
   vDateType = vDateTypeTemp;
   return true;
}
   else
   {
if (((vDateVal!ue.length < 8 && dateCheck) || (vDateVal!ue.length == 9 && dateCheck)) && (vDateVal!ue.length >=1))
{
   alert!("Invalid Date\nPlease Re-Enter");
   vDateName.value = "";
   vDateName.focus();
   vDateName.select();
   return false;
}
   }
}
   }
   else
   {
if (((vDateVal!ue.length < 8 && dateCheck) || (vDateVal!ue.length == 9 && dateCheck)) && (vDateVal!ue.length >=1))
{
   alert!("Invalid Date\nPlease Re-Enter");
   vDateName.value = "";
   vDateName.focus();
   return true;
}

if (vDateVal!ue.length >= 8 && dateCheck)
{

   if (vDateType == 1) // mm/dd/yyyy
   {
var mMonth = vDateName.value.substr(0,2);
var mDay = vDateName.value.substr(3,2);
var mYear = vDateName.value.substr(6,4)
   }
   if (vDateType == 2) // yyyy/mm/dd
   {
var mYear = vDateName.value.substr(0,4)
var mMonth = vDateName.value.substr(5,2);
var mDay = vDateName.value.substr(8,2);
   }
   if (vDateType == 3) // dd/mm/yyyy
   {
var mDay = vDateName.value.substr(0,2);
var mMonth = vDateName.value.substr(3,2);
var mYear = vDateName.value.substr(6,4)
   }
   if (vYearLength == 4)
   {
if (mYear.length < 4)
{
   alert!("Invalid Date\nPlease Re-Enter");
   vDateName.value = "";
   vDateName.focus();
   return true;
}
   }

var vDateTypeTemp = vDateType;

   vDateType = 1;

   var vDateVal!ueCheck = mMonth+strSeperator+mDay+strSeperator+mYear;

   if (mYear.length == 2 && vYearType == 4 && dateCheck)
   {

var mToday = new Date();

var checkYear = mToday.getFullYear() + 30;
var mCheckYear = '20' + mYear;
if (mCheckYear >= checkYear)
   mYear = '19' + mYear;
else
   mYear = '20' + mYear;
vDateVal!ueCheck = mMonth+strSeperator+mDay+strSeperator+mYear;

if (vDateTypeTemp == 1) // mm/dd/yyyy
   vDateName.value = mMonth+strSeperator+mDay+strSeperator+mYear;
if (vDateTypeTemp == 3) // dd/mm/yyyy
   vDateName.value = mDay+strSeperator+mMonth+strSeperator+mYear;

   }


   if (!dateVal!id(vDateVal!ueCheck))
   {
alert!("Invalid Date\nPlease Re-Enter");
vDateType = vDateTypeTemp;
vDateName.value = "";
vDateName.focus();
return true;
   }
   vDateType = vDateTypeTemp;
   return true;

}
else
{

   if (vDateType == 1)
   {
if (vDateVal!ue.length == 2)
{
   vDateName.value = vDateVal!ue+strSeperator;
}
if (vDateVal!ue.length == 5)
{
   vDateName.value = vDateVal!ue+strSeperator;
}
   }
   if (vDateType == 2)
   {
if (vDateVal!ue.length == 4)
{
   vDateName.value = vDateVal!ue+strSeperator;
}
if (vDateVal!ue.length == 7)
{
   vDateName.value = vDateVal!ue+strSeperator;
}
   }
   if (vDateType == 3)
   {
if (vDateVal!ue.length == 2)
{
   vDateName.value = vDateVal!ue+strSeperator;
}
if (vDateVal!ue.length == 5)
{
   vDateName.value = vDateVal!ue+strSeperator;
}
   }
   return true;
}
   }
   if (vDateVal!ue.length == 10 && dateCheck)
   {
if (!dateVal!id(vDateName))
{
   alert!("Invalid Date\nPlease Re-Enter");
   vDateName.focus();
   vDateName.select();
   }
   }
   return false;
}
else
{
   if (isNav4)
   {
vDateName.value = "";
vDateName.focus();
vDateName.select();
return false;
   }
   else
   {
vDateName.value = vDateName.value.substr(0, (vDateVal!ue.length-1));
return false;
   }
}
}
}

   function dateVal!id(objName) {
var strDate;
var strDateArray;
var strDay;
var strMonth;
var strYear;
var intday;
var intMonth;
var intYear;
var booFound = false;
var datefield = objName;
var strSeparatorArray = new Array("-"," ","/",".");
var intElementNr;
// var err = 0;
var strMonthArray = new Array(12);
strMonthArray[0] = "Jan";
strMonthArray[1] = "Feb";
strMonthArray[2] = "Mar";
strMonthArray[3] = "Apr";
strMonthArray[4] = "May";
strMonthArray[5] = "Jun";
strMonthArray[6] = "Jul";
strMonthArray[7] = "Aug";
strMonthArray[8] = "Sep";
strMonthArray[9] = "Oct";
strMonthArray[10] = "Nov";
strMonthArray[11] = "Dec";

//strDate = datefield.value;
strDate = objName;

if (strDate.length < 1) {
   return true;
}
for (intElementNr = 0; intElementNr < strSeparatorArray.length; intElementNr++) {
   if (strDate.indexOf(strSeparatorArray[intElementNr]) != -1)
   {
strDateArray = strDate.split(strSeparatorArray[intElementNr]);
if (strDateArray.length != 3)
{
   err = 1;
   return false;
}
else
{
   strDay = strDateArray[0];
   strMonth = strDateArray[1];
   strYear = strDateArray[2];
}
booFound = true;
   }
}
if (booFound == false) {
   if (strDate.length>5) {
strDay = strDate.substr(0, 2);
strMonth = strDate.substr(2, 2);
strYear = strDate.substr(4);
   }
}
//Adjustment for short years entered
if (strYear.length == 2) {
   strYear = '20' + strYear;
}
strTemp = strDay;
strDay = strMonth;
strMonth = strTemp;
intday = parseInt(strDay, 10);
if (isNaN(intday)) {
   err = 2;
   return false;
}

intMonth = parseInt(strMonth, 10);
if (isNaN(intMonth)) {
   for (i = 0;i<12;i++) {
if (strMonth.toUpperCase() == strMonthArray[i].toUpperCase()) {
   intMonth = i+1;
   strMonth = strMonthArray[i];
   i = 12;
}
   }
   if (isNaN(intMonth)) {
err = 3;
return false;
   }
}
intYear = parseInt(strYear, 10);
if (isNaN(intYear)) {
   err = 4;
   return false;
}
if (intMonth>12 || intMonth<1) {
   err = 5;
   return false;
}
if ((intMonth == 1 || intMonth == 3 || intMonth == 5 || intMonth == 7 || intMonth == 8 || intMonth == 10 || intMonth == 12) && (intday > 31 || intday < 1)) {
   err = 6;
   return false;
}
if ((intMonth == 4 || intMonth == 6 || intMonth == 9 || intMonth == 11) && (intday > 30 || intday < 1)) {
   err = 7;
   return false;
}
if (intMonth == 2) {
   if (intday < 1) {
err = 8;
return false;
   }
   if (LeapYear(intYear) == true) {
if (intday > 29) {
   err = 9;
   return false;
}
   }
   else {
if (intday > 28) {
   err = 10;
   return false;
}
   }
}
   return true;
}

   function LeapYear(intYear) {
if (intYear % 100 == 0) {
   if (intYear % 400 == 0) { return true; }
}
else {
   if ((intYear % 4) == 0) { return true; }
}
   return false;
}
// End -->
</script>

</HEAD>

<BODY BGCOLOR="#CCFF99" onLoad="document.dateTest.testDateFormat1.focus()">

<form name='dateTest'>
<table border = '0' width='400' align=center>
<tr>
   <td>
<table align='center' border='1' width='400'>
   <tr>
<td bgcolor='orange' width='75%' align=center>
   <font color='black'><B>mm/dd/yyyy 형식</B></font>
</td>
<td>
   <input type="text" name="testDateFormat1" size='10' maxlength="10" onFocus="javascript:vDateType='1'" onKeyUp="DateFormat(this,this.value,event,false,'1')" onBlur!="DateFormat(this,this.value,event,true,'1')">
</td>
   </tr>
</table>
   </td>
   </tr>
   <tr>
   <td>
<table align='center' border='1' width='400'>
   <tr>
<td bgcolor='orange' width='75%' align=center>
   <font color='black'><B>yyyy/mm/dd 형식</B></font>
</td>
<td>
   <input type="text" name="testDateFormat3" size='10' maxlength="10" onFocus="javascript:vDateType='2'" onKeyUp="DateFormat(this,this.value,event,false,'2')" onBlur!="DateFormat(this,this.value,event,true,'2')">
</td>
   </tr>
</table>
   </td>
</tr>
<tr>
   <td>
<table align='center' border='1' width='400'>
   <tr>
<td bgcolor='orange' width='75%' align=center>
   <font color='black'><B>dd/mm/yyyy 형식</B></font>
</td>
<td>
   <input type="text" name="testDateFormat5" size='10' maxlength="10" onFocus="javascript:vDateType='3'" onKeyUp="DateFormat(this,this.value,event,false,'3')" onBlur!="DateFormat(this,this.value,event,true,'3')">
</td>
   </tr>
</table>
   </td>
</tr>
</table>

   </form>

Prev
경고창을 15초 동안 닫을 수 없습니다
자료실

Next
조립 컴퓨터 견적 내기 + 이메일로 주문
자료실

16 18:52:05

Subject
조립 컴퓨터 견적 내기 + 이메일로 주문

<SCRIPT LANGUAGE="JavaScript">
<!--

function ComputeTotal( form )
{

/******** 각 품목별 마진율을 지정 합니다 *************/

Profit_rate1 = 1 + 0.12
Profit_rate2 = 1 + 0.10
Profit_rate3 = 1 + 0.11
Profit_rate4 = 1 + 0.20
Profit_rate5 = 1 + 0.07

/********* 각 항목별로 마진율을 적용 합니다
마진율 적용 없이 판매가를 적용하려면 아래 각 항목에서 Profit_rate 부분을 삭제하고
폼 항목의 value 를 판매가로 입력 합니다 ***********/

CPU = form.CPU1.value = round(form.CPU.value * Profit_rate1)
MAB = form.Mainboard1.value = round(form.Mainboard.value*Profit_rate2)
MM1 = form.Memory2.value = round(form.Memory0.value * Profit_rate1)
MM2 = form.Memory3.value = round(form.Memory1.value * Profit_rate1)
HI1 = form.HDIDE2.value = round(form.HDIDE0.value * Profit_rate1)
HI2 = form.HDIDE3.value = round(form.HDIDE1.value * Profit_rate1)
HS1 = form.HDSCSI2.value = round(form.HDSCSI0.value * Profit_rate1)
HS2 = form.HDSCSI3.value = round(form.HDSCSI1.value * Profit_rate1)
VID = form.Video1.value = round(form.Video.value * Profit_rate3)
MON = form.Monitor1.value = round(form.Monitor.value * Profit_rate1)
CDR = form.CD1.value = round(form.CD.value * Profit_rate1)
DVD = form.DVD1.value = round(form.DVD.value * Profit_rate4)
RDR = form.Removable1.value = round(form.Removable.value * Profit_rate5)
SND = form.Sound1.value = round(form.Sound.value * Profit_rate1)
SPK = form.Speakers1.value = round(form.Speakers.value * Profit_rate1)
MOD = form.Modem1.value = round(form.Modem.value * Profit_rate1)
NET = form.Network1.value = round(form.Network.value * Profit_rate1)
CAS = form.Case1.value = round(form.Case.value * Profit_rate1)
MOS = form.Mouse1.value = round(form.Mouse.value * Profit_rate1)
KEY = form.Keyboard1.value = round(form.Keyboard.value * Profit_rate1)
OS1 = form.OS1.value = round(form.OS.value * Profit_rate1)
SOF = form.Software1.value = round(form.Software.value * Profit_rate1)
PRN = form.Printer1.value = round(form.Printer.value * Profit_rate1)
SCN = form.Scanner1.value = round(form.Scanner.value * Profit_rate1)
UPS = form.UPS1.value = round(form.UPS.value * Profit_rate1)

subtotal1 = CPU + MAB + MM1 + MM2 + HI1 + HI2 + HS1 + HS2 + VID
+ MON + CDR + DVD + RDR + SND + SPK + MOD + NET + CAS + MOS
+ KEY + OS1 + SOF + PRN + SCN + UPS

form.subtotal1.value = subtotal1
}

function round(number,X) {
X = (!X ? 2 : X);
return Math.round(number*Math.pow(10,X))/Math.pow(10,X);
}

//-->
</SCRIPT>

</HEAD>

<BODY>

<option value="200000">Intel Celeron processor 300MHz w/128KB cache PPGA</option>
<option value="70000">Intel Celeron processor 333MHz w/128KB cache PPGA</option>
<option value="85000">Intel Celeron processor 366MHz w/128KB cache PPGA</option>
<option value="105000">Intel Celeron processor 400MHz w/128KB cache PPGA</option>
<option value="135000">Intel Celeron processor 433MHz w/128KB cache PPGA</option>
<option value="175000">Intel Celeron processor 466MHz w/128KB cache PPGA</option>
<option value="179000">Intel Pentium II processor 350MHz w/512KB cache</option>
<option value="185000">Intel Pentium II processor 400MHz w/512KB cache</option>
<option value="255000">Intel Pentium III processor 450MHz w/512KB cache</option>
<option value="480000">Intel Pentium III processor 500MHz w/512KB cache</option>
<option value="570000">Intel Pentium III processor 550MHz w/512KB cache</option>
<option value="35000">AMD-K6 II 300 with 3DNow! Processor Socket7</option>
<option value="42000">AMD-K6 II 350 with 3DNow! Processor Socket7</option>
<option value="80000">AMD-K6 II 400 with 3DNow! Processor Socket7</option>
<option value="100000">AMD-K6 II 450 with 3DNow! Processor Socket7</option>
<option value="170000">AMD-K6 III 400 with 3DNow! Processor Socket7</option>
<option value="220000">AMD-K6 III 450 with 3DNow! Processor Socket7</option>
<option value="420000">AMD-K6 III 500 with 3DNow! Processor Socket7</option>
</select>
</td>
<td bgcolor="white" width="40">
<input type="TEXT" style="background-color:yellow" style="background-color:yellow" size=6 name="CPU1" maxlength="6">
</td>
</tr>
<tr>
<td bgcolor="white" width="535">
<select name="Mainboard" onChange="ComputeTotal(this.form)">
<option value="0">메인보드를 선택 하세요</option>
<option value="98000">ABIT Intel 440BX Slot1 ATX</option>
<option value="82000">Asus Intel 440BX Slot1 ATX</option>
<option value="165000">Asus Intel 440BX Dual Slot1 ATX</option>
<option value="240000">Asus Intel 440BX Dual Slot1 SCSI ATX</option>
<option value="80000">EPoX Intel 440BX Slot1 ATX</option>
<option value="160000">EPoX Intel 440BX Dual Slot1 ATX</option>
<option value="90000">SuperMicro Intel 440BX Slot1 ATX</option>
<option value="170000">SuperMicro Intel 440BX Dual Slot1 ATX</option>
<option value="245000">SuperMicro Intel 440BX Dual Slot1 SCSI ATX</option>
<option value="98000">ABIT Intel 440BX PPGA ATX</option>
<option value="140000">ABIT Intel 440BX Dual PPGA ATX</option>
<option value="82000">Asus Intel 440BX PPGA ATX</option>
<option value="80000">EPoX Intel 440BX PPGA ATX</option>
<option value="89000">SuperMicro Intel 440BX PPGA ATX</option>
<option value="82000">Asus Intel 440BX PPGA ATX</option>
<option value="80000">EPoX Intel 440BX PPGA ATX</option>
<option value="85000">SuperMicro Intel 440BX PPGA Slot1 ATX</option>
<option value="82000">Asus ALI Socket7 ATX</option>
<option value="80000">EPoX VIA MVP3 Socket7 ATX</option>
</select>
</td>
<td bgcolor="white" width="40">
<input type="TEXT" style="background-color:yellow" size=6 name="Mainboard1" maxlength="6">
</td>
</tr>
<tr>
<td bgcolor="white" width="535">
<select name="Memory0" onChange="ComputeTotal(this.form)">
<option value="0">Select a Momory on Blank0</option>
<option value="32000">32 Megs PC 100 SDRAM</option>
<option value="57000">64 Megs PC 100 SDRAM</option>
<option value="90000">128 Megs PC 100 SDRAM</option>
</select>
</td>
<td bgcolor="white" width="40">
<input type="TEXT" style="background-color:yellow" size=6 name="Memory2" maxlength="6">
</td>
</tr>
<tr>
<td bgcolor="white" width="535">
<select name="Memory1" onChange="ComputeTotal(this.form)">
<option value="0000">Select a Momory on Blank1 (optional)</option>
<option value="32000">32 Megs PC 100 SDRAM</option>
<option value="57000">64 Megs PC 100 SDRAM</option>
<option value="90000">128 Megs PC 100 SDRAM</option>
</select>
</td>
<td bgcolor="white" width="40">
<input type="TEXT" style="background-color:yellow" size=6 name="Memory3" maxlength="6">
</td>
</tr>
<tr>
<td bgcolor="white" width="535">
<select name="HDIDE0" onChange="ComputeTotal(this.form)">
<option value="0">Select a IDE Hard Drive1</option>
<option value="100000">6 Gig UDMA</option>
<option value="140000">8 Gig UDMA</option>
<option value="175000">10 Gig UDMA</option>
<option value="205000">13 Gig UDMA</option>
<option value="275000">18 Gig UDMA</option>
</select>
</td>
<td bgcolor="white" width="40">
<input type="TEXT" style="background-color:yellow" size=6 name="HDIDE2" maxlength="6">
</td>
</tr>
<tr>
<td bgcolor="white" width="535">
<select name="HDIDE1" onChange="ComputeTotal(this.form)">
<option value="0">Select a IDE Hard Drive2 (optional)</option>
<option value="100000">6 Gig UDMA</option>
<option value="140000">8 Gig UDMA</option>
<option value="175000">10 Gig UDMA</option>
<option value="205000">13 Gig UDMA</option>
<option value="275000">18 Gig UDMA</option>
</select>
</td>
<td bgcolor="white" width="40">
<input type="TEXT" style="background-color:yellow" size=6 name="HDIDE3" maxlength="6">
</td>
</tr>
<tr>
<td bgcolor="white" width="535">
<select name="HDSCSI0" onChange="ComputeTotal(this.form)">
<option value="0">Select a SCSI Hard Drive1 (optional)</option>
<option value="470000">4 Gig U2 SCSI </option>
<option value="550000">9 Gig U2 SCSI</option>
<option value="1030000">18 Gig U2 SCSI</option>
</select>
</td>
<td bgcolor="white" width="40">
<input type="TEXT" style="background-color:yellow" size=6 name="HDSCSI2" maxlength="6">
</td>
</tr>
<tr>
<td bgcolor="white" width="535">
<select name="HDSCSI1" onChange="ComputeTotal(this.form)">
<option value="0">Select a SCSI Hard Drive2 (optional)</option>
<option value="470000">4 Gig U2 SCSI </option>
<option value="550000">9 Gig U2 SCSI</option>
<option value="1030000">18 Gig U2 SCSI</option>
</select>
</td>
<td bgcolor="white" width="40">
<input type="TEXT" style="background-color:yellow" size=6 name="HDSCSI3" maxlength="6">
</td>
</tr>
<tr>
<td bgcolor="white" width="535">
<select name="Video" onChange="ComputeTotal(this.form)">
<option value="0">비디오 카드를 선택 하세요</option>
<option value="110000">3Dfx Voodoo3 2000 AGP2X OEM/Bulk 16MB SDRAM</option>
<option value="150000">3Dfx Voodoo3 3000 AGP2X OEM/Bulk 16MB SDRAM w/TV Out</option>
<option value="30000">ATI 3D Charger AGP 4MB EDO RAGE IIC 3D/2D MPEG1</option>
<option value="175000">ATI All-in-Wonder Pro AGP OEM 3D Rage Pro and ImpacTV2, 8MB</option>
<option value="40000">ATI XPERT98 8MB AGP2X SDRAM MPEG-2/DVD Bulk OEM</option>
<option value="160000">ATI RAGE FURY AGP2X 32MB SDRAM MPEG-2/DVD Bulk OEM w/TV Out</option>
<option value="95000">ATI XPERT128 16MB AGP2X SDRAM MPEG-2/DVD Bulk OEM</option>
<option value="45000">Diamond SpeedStar A50 AGP2X OEM/Bulk SiS 6326AGP 8MB SDRAM</option>
<option value="80000">Diamond Viper V550 AGP RIVA TNT 16MB SDRAM OEM/Bulk</option>
<option value="170000">Diamond Viper V770 AGP4X RIVA TNT2 32MB SDRAM Retail</option>
<option value="110000">Diamond Monster Fusion AGP OEM/Bulk Voodoo Banshee 16MB SGRAM</option>
<option value="50000">Jaton Video-97AGP 2X Trident 985 4MB SGRAM</option>
<option value="100000">Matrox Millennium G200 AGP2X 128-bit DualBus 8M SGRAM OEM</option>
<option value="190000">Matrox Millennium G400 AGP4X 256-bit 32M SGRAM DualHead Retail</option>
<option value="170000">Matrox Millennium G400 SH AGP4X 256-bit 32M SGRAM single display OEM</option>
</select>
</td>
<td bgcolor="white" width="40">
<input type="TEXT" style="background-color:yellow" size=6 name="Video1" maxlength="6">
</td>
</tr>
<tr>
<td bgcolor="white" width="535">
<select name="Monitor" onChange="ComputeTotal(this.form)">
<option value="0">모니터를 선택 하세요</option>
<option value="125000">KDS VS-5e 15/13.9 1280 NI .28mm Digital OSD, MPRII, DDC1/2B</option>
<option value="190000">KDS AV-5T 15/13.9 1280 NI .25mm Sony Trinitron Digital OSD</option>
<option value="255000">KDS VS-7e 17/15.8 1280 NI .28mm Digital OSD, MPRII, DPMS </option>
<option value="310000">KDS AV-7T 17/15.9 1280 NI .25mm Sony Trinitron Digital OSD</option>
<option value="430000">KDS VS19sn 19/18 1600@75Hz .25mm Short Neck Digital OSD</option>
<option value="600000">Sony GDM-420GS Trinitron 19/18 short-neck .25-.27AG TCO92</option>
<option value="1530000">Sony GDM-500PS Trinitron 21/19.8 short-neck .25-.27AG TCO95</option>
<option value="1900000">Sony GDM-F500 FD Trinitron 21/19.8 .22AG USB TCO95</option>
<option value="2600000">Sony GDM-W900 Wide Trinitron 24/22.5 .25-.28AG TCO95</option>
<option value="135000">Tatung C5BZR 15 Color Digital SVGA 1280 NI .28mm Green</option>
<option value="250000">Tatung C7BZR-25 17/15.9 Color 1280@60Hz .25mm Green Digital OSD</option>
<option value="430000">Tatung C7NZR 19/17.9 Color 1600@75Hz NI .26mm Green Digital OSD</option>
</select>
</td>
<td bgcolor="white" width="40">
<input type="TEXT" style="background-color:yellow" size=6 name="Monitor1" maxlength="6">
</td>
</tr>
<tr>
<td bgcolor="white" width="535">
<select name="CD" onChange="ComputeTotal(this.form)">
<option value="0">CD-ROM Drive </option>
<option value="40000">Toshiba XM-6402B Int 40X-Max CD-ROM 6.0MB/s 80ms 256KB EIDE</option>
<option value="42000">Acer CD-640A Internal 40X-Max 6.0MB/s 85ms 128KB ATAPI</option>
</select>
</td>
<td bgcolor="white" width="40">
<input type="TEXT" style="background-color:yellow" size=6 name="CD1" maxlength="6">
</td>
</tr>
<tr>
<td bgcolor="white" width="535">
<select name="DVD" onChange="ComputeTotal(this.form)">
<option value="00">DVD Drive (옵션)</option>
<option value="90000">Toshiba DVD 4.8X DVD-ROM 32X CD-ROM</option>
<option value="100000">Creative PC-DVD 6X DVD-ROM 24X CD-ROM</option>
</select>
</td>
<td bgcolor="white" width="40">
<input type="TEXT" style="background-color:yellow" size=6 name="DVD1" maxlength="6">
</td>
</tr>
<tr>
<td bgcolor="white" width="535">
<select name="Removable" onChange="ComputeTotal(this.form)">
<option value="0">Select a Removable Drive (optional)</option>
<option value="75000">Iomega Zip ATAPI Insider 100MB Internal for PCs 3?EIDE</option>
<option value="140000">Iomega Zip 100MB External for PCs 3? w/ parallel cable</option>
<option value="180000">Iomega Zip 100MB Plus External for PCs 3? w/ cable</option>
</select>
</td>
<td bgcolor="white" width="40">
<input type="TEXT" style="background-color:yellow" size=6 name="Removable1" maxlength="6">
</td>
</tr>
<tr>
<td bgcolor="white" width="535">
<select name="Sound" onChange="ComputeTotal(this.form)">
<option value="0">사운드 카드</option>
<option value="56000">Aureal Vortex2 SuperQuad Digital PCI OEM AU8830 A3D2.0 320V +S/PDIF</option>
<option value="25000">Creative Labs Sound Blaster 16 Wav Effects CT4170 OEM</option>
<option value="67000">Creative Labs Sound Blaster PCI 128 PnP 128v wave Retail</option>
<option value="53000">Creative Labs Sound Blaster Live! Value PCI 256v wave Retail</option>
<option value="170000">Creative Labs Sound Blaster Live! PCI 256v wave Retail</option>
<option value="95000">Diamond Monster Sound MX300 PCI Aureal A3D2.0 320v Wav. Retail</option>
<option value="25000">Jaton SonicWave 4D PCI PnP 64-voice wavetable 4D audio</option>
</select>
</td>
<td bgcolor="white" width="40">
<input type="TEXT" style="background-color:yellow" size=6 name="Sound1" maxlength="6">
</td>
</tr>
<tr>
<td bgcolor="white" width="535">
<select name="Speakers" onChange="ComputeTotal(this.form)">
<option value="0">스피커</option>
<option value="10000">MLi-168 5W/ch shielded amp'd spkr pair, AC/DC, bass boost </option>
<option value="39000">MLi-480 3-piece (2x6W 1x18W) shielded speakers system </option>
<option value="30000">Midiland Forzando II 14W/ch PMPO:350W 2-way speaker pair </option>
<option value="130000">S2 / Midiland S2-4030 4-piece shielded speaker system </option>
<option value="345000">S2 / Midiland S2-4100 4-piece shielded speaker system</option>
<option value="155000">Altec Lansing ADA305 3-piece Digital PowerCube Surround USB</option>
<option value="90000">Cambridge Soundworks PC Works 5-Piece FourPointSurround System</option>
</select>
</td>
<td bgcolor="white" width="40">
<input type="TEXT" style="background-color:yellow" size=6 name="Speakers1" maxlength="6">
</td>
</tr>
<tr>
<td bgcolor="white" width="535">
<select name="Modem" onChange="ComputeTotal(this.form)">
<option value="0">모뎀</option>
<option value="35000">Aopen PCI Internal V.90 56K Voice Cirrus chipset</option>
<option value="139000">Diamond SupraSonic II with Shotgun?technology (Dual 56K)</option>
<option value="140000">US Robotics Sportster External V.90 56K Faxmodem, x2 technology</option>
<option value="90000">US Robotics Sportster Internal V.90 56K OEM Faxmodem, x2 technology</option>
<option value="145000">US Robotics Sportster Voice External V.90 56K Faxmodem Pro, x2 technology</option>
<option value="99000">US Robotics Sportster Voice Internal V.90 56K OEM Faxmodem, x2 technology</option>
<option value="75000">US Robotics Sportster Winmodem V.90 56K, internal</option>
</select>
</td>
<td bgcolor="white" width="40">
<input type="TEXT" style="background-color:yellow" size=6 name="Modem1" maxlength="6">
</td>
</tr>
<tr>
<td bgcolor="white" width="535">
<select name="Network" onChange="ComputeTotal(this.form)">
<option value="0">랜카드</option>
<option value="75000">3Com EtherLink XL PCI Combo (3C900B-COMBO) Bulk OEM</option>
<option value="59000">3Com Fast EtherLink XL TX 10/100 PCI (3C905B-TX) Bulk OEM</option>
<option value="35000">NC2000 10/100 PCI Ethernet (U1205C)</option>
<option value="52000">Intel EtherExpress PRO/100+ TX PCI (PILA8460-B) w/ Wake-Up OEM</option>
</select>
</td>
<td bgcolor="white" width="40">
<input type="TEXT" style="background-color:yellow" size=6 name="Network1" maxlength="6">
</td>
</tr>
<tr>
<td bgcolor="white" width="535">
<select name="Case" onChange="ComputeTotal(this.form)">
<option value="0">케이스</option>
<option value="45000">Standard Case</option>
<option value="65000">Super Middle Tower ATX 5x5?(1Hdn) 3x3?(2 Hdn) 250W ATX UL</option>
<option value="89000">SuperMicro SC701-A Tower ATX 3x5?5x3?(3 Hdn) 235W PS </option>
<option value="89000">SuperMicro SC730-A Mid Tower ATX 235W PS 16.5x6.7x15.75</option>
<option value="150000">SuperMicro SC750-A (ATX) Tower 6x5?300W PS</option>
<option value="90000">Super Tower ATX 8x5?(2Hdn) 3x3?(2 Hdn) 300W ATX UL</option>
</select>
</td>
<td bgcolor="white" width="40">
<input type="TEXT" style="background-color:yellow" size=6 name="Case1" maxlength="6">
</td>
</tr>
<tr>
<td bgcolor="white" width="535">
<select name="Mouse" onChange="ComputeTotal(this.form)">
<option value="0">마우스</option>
<option value="25000">Logitech First Mouse+ OEM w/ scroll wheel, PS/2</option>
<option value="45000">Logitech MouseMan OEM 3-button, PS/2 mouse port</option>
<option value="50000">Logitech USB Wheel Mouse, 3-button w/ scroll wheel</option>
<option value="45000">Microsoft IntelliMouse Pro serial & PS/2 Retail Box</option>
<option value="30000">Microsoft OEM Intellimouse PS/2 V1.1A</option>
<option value="20000">Microsoft PS/2 mouse 2 OEM </option>
<option value="10000">High-resolution Microsoft compatible serial mouse
</option>
</select>
</td>
<td bgcolor="white" width="40">
<input type="TEXT" style="background-color:yellow" size=6 name="Mouse1" maxlength="6">
</td>
</tr>
<tr>
<td bgcolor="white" width="535">
<select name="Keyboard" onChange="ComputeTotal(this.form)">
<option value="0">키보드</option>
<option value="17000">mitsumi Keyboard-52TB 104-key w/Win95 keys, PS/2</option>
<option value="35000">Microsoft 104 Natural Keyboard Elite OEM</option>
<option value="29000">Logitech Internet Keyboard 104-key 17 Internet buttons</option>
<option value="59000">Logitech NewTouch Split Ergo Keyboard with Touchpad</option>
</select>
</td>
<td bgcolor="white" width="40">
<input type="TEXT" style="background-color:yellow" size=6 name="Keyboard1" maxlength="6">
</td>
</tr>
<tr>
<td bgcolor="white" width="535">
<select name="OS" onChange="ComputeTotal(this.form)">
<option value="0000">O/S</option>
<option value="95000">Microsoft OEM Windows 98 CD-ROM</option>
<option value="120000">Microsoft OEM Windows NT Work Station v4.0 CD-ROM </option>
<option value="185000">Microsoft OEM Windows NT Server v4.0 CD-ROM </option>
</select>
</td>
<td bgcolor="white" width="40">
<input type="TEXT" style="background-color:yellow" size=6 name="OS1" maxlength="6">
</td>
</tr>
<tr>
<td bgcolor="white" width="535">
<select name="Software" onChange="ComputeTotal(this.form)">
<option value="0">Select a Software Package (optional)</option>
<option value="150000"> Corel Office 2000 </option>
<option value="199000"> Microsoft Office '97 Professional</option>
</select>
</td>
<td bgcolor="white" width="40">
<input type="TEXT" style="background-color:yellow" size=6 name="Software1" maxlength="6">
</td>
</tr>
<tr>
<td bgcolor="white" width="535">
<select name="Printer" onChange="ComputeTotal(this.form)">
<option value="0">프린터</option>
<option value="310000">Alps MD-1000 1200dpi Photo Printer</option>
<option value="350000">Alps MD-1300 1200dpi Photo Printer</option>
<option value="490000">Alps MD-5000 2400dpi Photo Printer</option>
</select>
</td>
<td bgcolor="white" width="40">
<input type="TEXT" style="background-color:yellow" size=6 name="Printer1" maxlength="6">
</td>
</tr>
<tr>
<td bgcolor="white" width="535">
<select name="Scanner" onChange="ComputeTotal(this.form)">
<option value="0">스캐너</option>
<option value="90000">AcerScan 310s (30 bit, 4800dpi)</option>
<option value="120000">AcerScan 610plus (30 bit, 9600 dpi)</option>
</select>
</td>
<td bgcolor="white" width="40">
<input type="TEXT" style="background-color:yellow" size=6 name="Scanner1" maxlength="6">
</td>
</tr>
<tr>
<td bgcolor="white" width="535">
<select name="UPS" onChange="ComputeTotal(this.form)">
<option value="0">UPS</option>
<option value="200000">APC Back-UPS 500 (500VA/330W) UPS 15/20 Minutes</option>
<option value="300000">UAPC Back-UPS Pro 350 (350VA/220W) UPS 5/16.5 Minutes (USB Win98 Only)</option>
</select>
</td>
<td bgcolor="white" width="40">
<input type="TEXT" style="background-color:yellow" size=6 name="UPS1" maxlength="6">
</td>
</tr>
<tr>
<td bgcolor="white" width="535">
<p align="right"> <b>합 계: </b>
</td>
<td bgcolor="white" width="40"><b>
<input type="TEXT" style="background-color:lightblue" size=6 name="subtotal1" maxlength="6">
</b></td>
</tr>

Prev
원하는 포맷으로 날짜형식 입력받기
자료실

Next
신용카드 유효성 검사
자료실

16 18:50:57

Subject
신용카드 유효성 검사

</head>

<body>

<form action="#" name="order">
<TABLE width=400 align=center bgcolor=teal>
<TR>
<td bgcolor="white" bgcolor=white>신용카드 종류</TD>
<td bgcolor="white" > <select name="cardtype">
<option value="">카드 종류를 선택 하세요</option>
<option value="Visa">비자카드</option>
<option value="MasterCard">마스타 카드</option>
<option value="Discover">Discover</option>
<option value="American Express">American Express</option>
</select>
</TD>
</TR>
<TR>
<td bgcolor="white" >소유자 성명</TD>
<td bgcolor="white" > <input type="text" name="nameoncard" size=25 maxlength=40 value=""></TD>
</TR>
<TR>
<td bgcolor="white" >유효기간 (월/년)</TD>
<td bgcolor="white" > <input type="text" name="cardexp" size=4 maxlength=4 value=""> (mmyy 형식으로 입력)</TD>
</TR>
<TR>
<td bgcolor="white" >신용카드 번호</TD>
<td bgcolor="white" > <input type="text" name="ccnum" size=25 maxlength=40 value=""></TD>
</TR>
<TR>
<td bgcolor="white" align=center colspan=2><input type="button" value=" 확 인 " onclick="javascript:check_card();"></TD>
</TR>
</TABLE>

</form>

Prev
조립 컴퓨터 견적 내기 + 이메일로 주문
자료실

Next
숫자를 입력하면 자동으로 화폐단위를 넣어 줍니다
자료실

16 18:50:24

Subject
숫자를 입력하면 자동으로 화폐단위를 넣어 줍니다

if (tempnum.charAt(tempnum.length-2)=="."){
thisone.value=tempnum+"0" +prefix
}
else{
tempnum=Math.round(tempnum*100)/100
thisone.value=tempnum+prefix
}
}
//-->
</script>

</HEAD>

<BODY>

금액 : <input type="text" size=10 onBlur!="parseelement(this)">
주소 : <input type="text" size=15>

</BODY>

Prev
신용카드 유효성 검사
자료실

Next
[투표] 이메일로 받아보는 간단한 투표스크립트
자료실

16 18:49:57

Subject
[투표] 이메일로 받아보는 간단한 투표스크립트

</HEAD>
<BODY>

<table border="0" align=center width="300" bgcolor="#FFCC00">
<tr>
<td align="center" valign="top"><font size="3" color=white><B>JASKO Poll</B></font></td>
</tr>

<tr>
<td bgColor=white align=center><strong>이 사이트가 마음에 드시나요 ?</strong>

<input type="radio" checked name="response" value="예,맘에 듭니다">
<script>

</script>
</td>
</tr>
<tr bgColor=#EEEEEE>
<td valign="top" width="80%"> <font size="2">아니오, 맘에 듭니다</font></td>
<td align="right" valign="top" width="20%">

</form>
</td>
</tr>
</table>

Prev
숫자를 입력하면 자동으로 화폐단위를 넣어 줍니다
자료실

Next
버튼 클릭으로 숫자를 증가/감소 시킵니다
자료실

16 18:48:54

Subject
버튼 클릭으로 숫자를 증가/감소 시킵니다

.

Prev
[투표] 이메일로 받아보는 간단한 투표스크립트
자료실

Next
대문자를 입력하면 소문자로 바꾸어 줍니다
자료실

16 18:48:26

Subject
대문자를 입력하면 소문자로 바꾸어 줍니다

.

Prev
버튼 클릭으로 숫자를 증가/감소 시킵니다
자료실

Next
다양한 문자입력 금지 스크립트
자료실

16 18:47:54

Subject
다양한 문자입력 금지 스크립트

<form onSubmit="return false;">
특수문자 입력을 금지 합니다<br>
(예 ; !@#$%^&* etc)<br>
<textarea rows=2 cols=20 name=comments onKeypress="if ((event.keyCode > 32 && event.keyCode < 48) || (event.keyCode > 57 && event.keyCode < 65) || (event.keyCode > 90 && event.keyCode < 97)) event.returnValue = false;"></textarea>
</TD>
</TR>
<TR>
<TD>
따옴표 입력을 금지합니다 :<br>
<input type=text name=txtEmail onKeypress="if (event.keyCode==34 || event.keyCode==39) event.returnValue = false;">
</TD>
</TR>
<TR>
<TD>
숫자만 입력이 가능합니다 :<br>
<input type=text name=txtPostalCode onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;">
</form>

Prev
대문자를 입력하면 소문자로 바꾸어 줍니다
자료실

Next
콤보메뉴에서 오늘 날짜와 연도가 자동으로 선택 되어 집니다
자료실

16 18:47:34

Subject
콤보메뉴에서 오늘 날짜와 연도가 자동으로 선택 되어 집니다

<SCRIPT LANGUAGE="JavaScript">
<!--
Now = new Date();
NowDay = Now.getDate();
NowMonth = Now.getMonth();
NowYear = Now.getYear();
if (NowYear < 2000) NowYear += 1900;
function DaysInMonth(WhichMonth, WhichYear)
{
var DaysInMonth = 31;
if (WhichMonth == "Apr" || WhichMonth == "Jun" || WhichMonth == "Sep" || WhichMonth == "Nov") DaysInMonth = 30;
if (WhichMonth == "Feb" && (WhichYear/4) != Math.floor(WhichYear/4)) DaysInMonth = 28;
if (WhichMonth == "Feb" && (WhichYear/4) == Math.floor(WhichYear/4)) DaysInMonth = 29;
return DaysInMonth;
}

function ChangeOptionDays(Which)
{
DaysObject = eval!("document.Form1." + Which + "Day");
MonthObject = eval!("document.Form1." + Which + "Month");
YearObject = eval!("document.Form1." + Which + "Year");

Month = MonthObject[MonthObject.selectedIndex].text;
Year = YearObject[YearObject.selectedIndex].text;

DaysForThisSelection = DaysInMonth(Month, Year);
CurrentDaysInSelection = DaysObject.length;
if (CurrentDaysInSelection > DaysForThisSelection)
{
for (i=0; i<(CurrentDaysInSelection-DaysForThisSelection); i++)
{
DaysObject.options[DaysObject.options.length - 1] = null
}
}
if (DaysForThisSelection > CurrentDaysInSelection)
{
for (i=0; i<(DaysForThisSelection-CurrentDaysInSelection); i++)
{
NewOption = new Option(DaysObject.options.length + 1);
DaysObject.add(NewOption);
}
}
if (DaysObject.selectedIndex < 0) DaysObject.selectedIndex == 0;
}

function SetToToday(Which)
{
DaysObject = eval!("document.Form1." + Which + "Day");
MonthObject = eval!("document.Form1." + Which + "Month");
YearObject = eval!("document.Form1." + Which + "Year");

YearObject[0].selected = true;
MonthObject[NowMonth].selected = true;

ChangeOptionDays(Which);

DaysObject[NowDay-1].selected = true;
}

function WriteYearOptions(YearsAhead)
{
line = "";
for (i=0; i<YearsAhead; i++)
{
line += "<OPTION>";
line += NowYear + i;
}
return line;
}
// -->
</script>

</HEAD>

<FORM name="Form1">
<SELECT name="FirstSelectYear" onchange="ChangeOptionDays('FirstSelect')">
<SCRIPT language="JavaScript">
document.write(WriteYearOptions(50));
</SCRIPT>
</SELECT>

Prev
다양한 문자입력 금지 스크립트
자료실

Next
날짜입력을 팝업 카렌다에서 선택할수 있습니다
자료실

16 18:47:13

Subject
날짜입력을 팝업 카렌다에서 선택할수 있습니다

</HEAD>

<BODY>

Prev
콤보메뉴에서 오늘 날짜와 연도가 자동으로 선택 되어 집니다
자료실

Next
간단한, 문자, 숫자 입력 유효성 검사하기
자료실

16 18:46:53

Subject
간단한, 문자, 숫자 입력 유효성 검사하기

</HEAD>

Prev
날짜입력을 팝업 카렌다에서 선택할수 있습니다
자료실

Next
텍스트 상자에 인라인 자동완성 효과를 줍니다
자료실

16 18:46:16

Subject
텍스트 상자에 인라인 자동완성 효과를 줍니다

<SCRIPT LANGUAGE="JavaScript">
<!--
var listOpt = new Array("", "Hello", "자바스크립트", "소스뱅크", "mybizs.com에 오셨네요", "잘", "계시다 가세요");
var Ex = false;
var Net = false;
var app = navigator.appName.substring(0,1);
if (app == 'N') Net = true;
else Ex = true;
document.onkeyup = keyUp;
if (Net) document.captureEvents(Event.KEYUP);

</HEAD>

<BODY>

Prev
간단한, 문자, 숫자 입력 유효성 검사하기
자료실

Next
문자열에 공백이 있으면 + 부호로 이어줍니다
자료실

16 18:40:45

Subject
문자열에 공백이 있으면 + 부호로 이어줍니다

</HEAD>

<BODY>

<P align=center>
입력상자에 공백과 문자열을 입력 한 후 버튼을 클릭 해 보세요
<P align=center>

Prev
텍스트 상자에 인라인 자동완성 효과를 줍니다
자료실

Next
친구에게 현재 페이지 추천하기
자료실

16 18:40:27

Subject
친구에게 현재 페이지 추천하기

</HEAD>

<BODY>

<p align=center>
<B>친구에게 추천하기</B>

Prev
문자열에 공백이 있으면 + 부호로 이어줍니다
자료실

Next
하이퍼링크에 새창으로 열기 옵션 넣기
자료실

16 18:39:42

Subject
하이퍼링크에 새창으로 열기 옵션 넣기

</HEAD>

<BODY>

<input type="checkbox" name="targetnew" onclick="hyperlinks(this.checked)"> 새창에서 링크열기

</TD>
</TR>
</TABLE>

</form>

Prev
친구에게 현재 페이지 추천하기
자료실

Next
품목별 주문수량을 입력받아 총금액 보여주기
자료실

16 18:39:13

Subject
품목별 주문수량을 입력받아 총금액 보여주기

<SCRIPT LANGUAGE="JavaScript">

</script>

</HEAD>

<TR bgColor=white>
<TD>안심스테이크 25,000원</TD>
<TD><input type=text name=Steak size=3 value=0 priorval=0 price="25000" onChange="this.form.total.value=checkChoice(this);">개</TD>
</TR>
<TR bgColor=white>
<TD>켄터키 후라디드 치킨 9,000원</TD>
<TD><input type=text name=Chicken size=3 value=0 priorval=0 price="9000" onChange="this.form.total.value=checkChoice(this);">개</TD>
</TR>
<TR bgColor=white>
<TD>삼계탕 5,000원</TD>
<TD><input type=text name=sam size=3 value=0 priorval=0 price="5000" onChange="this.form.total.value=checkChoice(this);">개</TD>
</TR>
<TR bgColor=lightyellow>
<TD><B>주문 총액</B></TD>
<TD>
<input type="text" name="total" value="" size=15 readonly style="text-align:center;background-color:lightblue">
<input type=hidden name=hiddentotal value=0></TD>
</TR>
</TABLE>

</form>

Prev
하이퍼링크에 새창으로 열기 옵션 넣기
자료실

Next
라디오버튼 클릭으로 주문한 메뉴 합계금액 보여주기
자료실

16 18:38:47

Subject
라디오버튼 클릭으로 주문한 메뉴 합계금액 보여주기

</HEAD>

<p><B>메뉴를 선택 해 주세요</B>
<p>
<form method=POST name=myform>
스테이크 20,000원
<input type=checkbox name=Steak value=20000 onClick="this.form.total.value=CheckChoice(this);">
치킨 9,000원
<input type=checkbox name=Chicken value=9000 onClick="this.form.total.value=CheckChoice(this);">
돈까스 5,000원
<input type=checkbox name=don value=5000 onClick="this.form.total.value=CheckChoice(this);">
<br>
<br>
<hr>
<p>
<b>디저트를 신청 하세요 (한가지만 신청 가능합니다)</b>
<p>
아니요, 됐습니다
<input type=radio name=Sauce value=none price=0 onClick="this.form.total.value=CheckChoice(this);">

콜라 2,000원
<input type=radio name=Sauce value=coke price=2000 onClick="this.form.total.value=CheckChoice(this);">

주스 5,000원
<input type=radio name=Sauce value=juice price=5000 onClick="this.form.total.value=CheckChoice(this);">

아이스크림 3,000원
<input type=radio name=Sauce value=icecream price=3000 onClick="this.form.total.value=CheckChoice(this);">

Prev
품목별 주문수량을 입력받아 총금액 보여주기
자료실

Next
2개의 콤보메뉴에서 동일내용은 선택을 할 수 없습니다
자료실

16 18:37:51

Subject
2개의 콤보메뉴에서 동일내용은 선택을 할 수 없습니다

<SCRIPT LANGUAGE="JavaScript">

</script>

</HEAD>

<BODY>

<select name="Color_1" onChange="NoDupl(this,document.MForm.Color_2)">
<option selected value=''>첫번째 색상을 선택하세요</option>
<option value='R'>빨강색</option>
<option value='J'>노랑색</option>
<option value='G'>녹색</option>
<option value='B'>파랑색</option>
</select>

<select name="Color_2" onChange="NoDupl(this,document.MForm.Color_1)">
<option selected value=''>두번째 색상을 선택하세요</option>
<option value='R'>빨강색</option>
<option value='J'>노랑색</option>
<option value='G'>녹색</option>
<option value='B'>파랑색</option>

</select>
</form>

Prev
라디오버튼 클릭으로 주문한 메뉴 합계금액 보여주기
자료실

Next
태그 입력 금지시키기
자료실

16 18:37:29

Subject
태그 입력 금지시키기

<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

</HEAD>

<BODY>
<P align=center><B>태그입력은 금지되어 있습니다</B>
<P align=center>

Prev
2개의 콤보메뉴에서 동일내용은 선택을 할 수 없습니다
자료실

Next
폼메일 - 미리 지정된 사람에게 메일을 보냅니다
자료실

16 18:35:54

Subject
폼메일 - 미리 지정된 사람에게 메일을 보냅니다

<SCRIPT LANGUAGE="JavaScript">
function msg() {
document.mailer.action = "mailto:"
mailtoandsubject = ((document.mailer.mailtoperson.options[document.mailer.mailtoperson.selectedIndex].value) + '?subject=' + document.mailer.subject.value);
}
</SCRIPT>

</HEAD>

<BODY>

<FORM NAME="mailer" METHOD="post" ACTION="" ENCTYPE="text/plain" onSubmit="(document.mailer.action += mailtoandsubject)">
<TABLE BORDER=0 bgColor=gray cellspacing=1 cellpadding=5 width=500 align=center>
<TR VALIGN="top">
<TD align=right bgColor=#F5F5F5 width=100>받는사람 </TD>
<TD bgColor=white><SELECT NAME="mailtoperson" onChange="msg(this.form)">
<OPTION VALUE="">-- 받을사람 --
<OPTION VALUE="help1@mybizs.com">기술 팀장
<OPTION VALUE="help2@mybizs.com">디자인팀장
<OPTION VALUE="help3@mybizs.com">마케팅팀장
</SELECT></TD>
</TR>
<TR VALIGN="top">
<TD align=right bgColor=#F5F5F5>성명 </TD>
<TD bgColor=white><INPUT TYPE="text" SIZE=45 NAME="name" onChange="msg(this.form)"></TD>
</TR>
<TR VALIGN="top">
<TD align=right bgColor=#F5F5F5>Email </TD>
<TD bgColor=white><INPUT TYPE="text" SIZE=45 NAME="email" onChange="msg(this.form)"></TD>
</TR>
<TR VALIGN="top">
<TD align=right bgColor=#F5F5F5>옵션 </TD>
<TD bgColor=white>
<SELECT NAME="priority" onChange="msg(this.form)">
<OPTION VALUE="Normal">보통
<OPTION VALUE="Urgent">긴급
<OPTION VALUE="No Reply Needed">답장필요 없슴
</SELECT></TD>
</TR>
<TR VALIGN="top">
<TD align=right bgColor=#F5F5F5>제목 </TD>
<TD bgColor=white><INPUT TYPE="text" SIZE=45 NAME="subject" onChange="msg(this.form)"></TD>
</TR>
<TR VALIGN="top">
<TD align=right bgColor=#F5F5F5>내용 </TD>
<TD bgColor=white><TEXTAREA NAME="message" COLS=45 ROWS=5 WRAP="virtual" OnChange="msg(this.form)"></TEXTAREA></TD>
</TR>
<TR>
<TD bgColor=#F5F5F5 colspan=2 bgColor=white align=center>
<INPUT TYPE="submit" VALUE=" 보내기 ">
<INPUT TYPE="reset" VALUE=" 재작성 "></TD>
</TR>
</TABLE>
</FORM>

Prev
태그 입력 금지시키기
자료실

Next
이전필드의 입력값을 메모리 형태로 가져 옵니다
자료실

16 18:34:55

Subject
이전필드의 입력값을 메모리 형태로 가져 옵니다

</form>

Prev
폼메일 - 미리 지정된 사람에게 메일을 보냅니다
자료실

Next
자바스크립트 메일리스트
자료실

16 18:34:30

Subject
자바스크립트 메일리스트

<SCRIPT LANGUAGE="JavaScript">
<!--
function resetform() {
document.forms[0].elements[1]=="";
}

function submitForms() {
if (isEmail() && isFname() && isPhone())

// 이메일, 성명, 전화번호 항목 체크
// 각 항목을 필수항목으로 만드려면 아래 함수들을 여기에 추가합니다

if (confirm!("메일리스트에 가입하시겠습니까?"))
{
alert!("메일링 가입신청서를 전송하겠습니다.\n\n감사합니다");
return true;
}
else
{
alert!("다음에는 꼭 가입 해 주세요");
return false
}
else
return false;
}

// 이메일 항목 입력 체크
function isEmail() {
if (document.forms[0].elements[1].value == "") {
alert! ("E-Mail 을 적어주세요")
document.forms[0].elements[1].focus();
return false;
}
if (document.forms[0].elements[1].value.indexOf ('@',0) == -1 ||
document.forms[0].elements[1].value.indexOf ('.',0) == -1) {
alert! ("이메일 주소가 잘못되었습니다")
document.forms[0].elements[1].select();
document.forms[0].elements[1].focus();
return false;
}
return true;
}

// 성명 항목 입력 체크
function isFname() {
if (document.forms[0].elements[2].value == "")
{
alert! ("이름을 적어 주세요")
document.forms[0].elements[2].focus();
return false;
}
return true;
}

function isLname() {
if (document.forms[0].elements[3].value == "") {
alert! ("별명을 적어주세요")
document.forms[0].elements[3].focus();
return false;
}
return true;
}

// 주소 항목 입력 체크
function isAddress() {
if (document.forms[0].elements[4].value == "") {
alert! ("주소를 적어 주세요")
document.forms[0].elements[4].focus();
return false;
}
return true;
}

// 전화번호 항목 입력 체크
function isTel1()
{
if (document.forms[0].elements[5].value == "")
{
alert! ("전화번호를 적어 주세요")
document.forms[0].elements[5].focus();
return false;
}
return true;
}

// 휴대폰 항목 입력 체크
function isPhone() {
if (document.forms[0].elements[6].value == "") {
alert! ("휴대폰 번호를 적어주세요")
document.forms[0].elements[6].focus();
return false;
}
return true;
}

// 홈페이지 항목 입력 체크
function isHomePage() {
if (document.forms[0].elements[7].value == "") {
alert! ("홈페이지가 빠졌네요")
document.forms[0].elements[7].focus();
return false;
}
return true;
}
// -->
</SCRIPT>

</HEAD>

<BODY>

<TR>
<TD align=center colspan=2><font size=3 color=white><b>Jasko Mail List</b></font></TD>
</TR>

<TR>
<TD bgColor=lightblue>Email 주소:</TD>
<TD bgColor=white><input type=text name="Email" size=30,1 maxlength=80> ※ 필수항목</TD>
</TR>

</TABLE>

</FORM>
</CENTER>

Prev
이전필드의 입력값을 메모리 형태로 가져 옵니다
자료실

Next
사용자가 리스트 박스 항목 추가/삭제 하기
자료실

16 18:33:07

Subject
사용자가 리스트 박스 항목 추가/삭제 하기

</HEAD>

<BODY>

<td align=right>
<input type="button" value="추가" onclick="move(this.form.list1,this.form.list2)" name="B1"><br>
<input type="button" value="삭제" onclick="remove(this.form.list2)" name="B2"><br><br>
<input type="button" value="위로" onclick="Moveup(this.form.list2)" name="B3"><br>
<input type="button" value="아래로" onclick="Movedown(this.form.list2)" name="B4">
</td>

<td>
<select multiple size=7 name="list2">
<option value="one">첫번째항목</option>
<option value="two">두번째항목</option>
<option value="three">세번째 항목</option>
<option value="four">네번째 항목</option>
<option value="five">다섯번째 항목</option>
<option value="six">여섯번째 항목</option>
</select>
</td>
</tr>
</table>
</form>

Prev
자바스크립트 메일리스트
자료실

Next
지정된 글자수만큼만 입력가능하게 하고, 남은 글자수를 실시간으로 보여줍니다
자료실

16 18:32:44

Subject
지정된 글자수만큼만 입력가능하게 하고, 남은 글자수를 실시간으로 보여줍니다

<SCRIPT LANGUAGE="JavaScript">

</script>

</HEAD>

<BODY>

<br>
<input readonly type=text name=remLen size=3 maxlength=3 value="125"> 글자가 남았습니다</font>
</form>

Prev
사용자가 리스트 박스 항목 추가/삭제 하기
자료실

Next
사용자가 목록 추가하기
자료실

16 18:32:15

Subject
사용자가 목록 추가하기

<P>

<SCRIPT language="JavaScript">
<!-- hide it ...
function MakeArray( n ) {
if( n <= 0 ) {
this.length = 0;
return this;
}
this.length = n;
for( var i = 1; i <= n; i++ ) {
this[ i ] = 0;
}
return this;
}
var history = new MakeArray( 15 );
var index = 0;
var cmmnd = 1;
function f_store( sTR ) {
var i;
if( index >= history.length ) {
for( i = 1; i < history.length; i++ )
history[i-1] = history[i];
index = history.length - 1;
}
history[ index ] = cmmnd + ":" + sTR;
++cmmnd;
++index;
document.history.command.value="";
}

function f_print() {
var allCmmnds, i;
allCmmnds = "";
for( i = 0; i < index; i++ )
allCmmnds += history[i] + "\n";
alert!( allCmmnds );
//allCmmnds += history[i] + "<br>";
//document.write(allCmmnds);
}
// -->
</SCRIPT>

Prev
지정된 글자수만큼만 입력가능하게 하고, 남은 글자수를 실시간으로 보여줍니다
자료실

Next
사용자가 자신의 PC 파일을 열어 직접 실행 시킬 수 있습니다
자료실

16 18:31:27

Subject
사용자가 자신의 PC 파일을 열어 직접 실행 시킬 수 있습니다

</HEAD>

<BODY>

..

Prev
사용자가 목록 추가하기
자료실

Next
텍스트영역에서 이메일 주소만 추출 합니다
자료실

16 18:30:53

Subject
텍스트영역에서 이메일 주소만 추출 합니다

<SCRIPT LANGUAGE="JavaScript">

</script>

</HEAD>

<BODY>

<center>
아래 텍스트영역에 일반 텍스트와 이메일 주소들을 넣고 바깥쪽을 클릭 해 보세요

<form>
<textarea name=comments rows=10 cols=50 onBlur!="this.form.email.value=findEmailAddresses(this.value);"></textarea>
<br>
Email 주소 확인: <input type=text name=email size=35>
</form>
</center>

Prev
사용자가 자신의 PC 파일을 열어 직접 실행 시킬 수 있습니다
자료실

Next
submit 버튼을 두번 클릭하지 못하게 비활성화 시킵니다
자료실

16 18:30:30

Subject
submit 버튼을 두번 클릭하지 못하게 비활성화 시킵니다

<SCRIPT LANGUAGE="JavaScript">
<!--
function disableForm(theform) {
if (document.all || document.getElementById) {
for (i = 0; i < theform.length; i++) {
var tempobj = theform.elements[i];
if (tempobj.type.toLowerCase() == "submit" || tempobj.type.toLowerCase() == "reset")
tempobj.disabled = true;
}
return false; // 실제 사용시는 return true 로 설정 하세요
// return true;
}
else {
alert!("폼이 전송되고 버튼이 비활성화 되었습니다.\n이 스크립트는 IE4.x 이상, 네츠케이프 6.x 이상에서만 작동합니다");
return false;
}
}

//-->
</script>

</HEAD>

<BODY>

Prev
텍스트영역에서 이메일 주소만 추출 합니다
자료실

Next
소숫점 2자리까지만 입력이 가능합니다
자료실

16 18:30:10

Subject
소숫점 2자리까지만 입력이 가능합니다

<SCRIPT LANGUAGE="JavaScript">
<!--
function checkDecimals(fieldName, fieldValue) {

decallowed = 2; // 허용할 소숫점 자리수 설정

if (isNaN(fieldValue) || fieldValue == "") {
alert!("숫자만 넣어 주세요");
fieldName.select();
fieldName.focus();
}
else {
if (fieldValue.indexOf('.') == -1) fieldValue += ".";
dectext = fieldValue.substring(fieldValue.indexOf('.')+1, fieldValue.length);

if (dectext.length > decallowed)
{
alert! ("소수점은 " + decallowed + " 자리 까지만 입력 가능합니다.");
fieldName.select();
fieldName.focus();
}
else {
alert! ("잘 입력 하셨네요");
// return true
}
}
}
// -->
</script>

</HEAD>

<BODY>

<center>
<form>
소숫점 2자리가지 숫자만 입력 가능합니다 <br>
<input type=text name=numbox>
<input type=button name=ok value=" 보내기 " onClick="checkDecimals(this.form.numbox, this.form.numbox.value)">
</form>
</center>

Prev
submit 버튼을 두번 클릭하지 못하게 비활성화 시킵니다
자료실

Next
팝업창의 값을 참조하여 오프너에 보내기 예제
자료실

16 18:29:45

Subject
팝업창의 값을 참조하여 오프너에 보내기 예제

============
opener.html
============

<SCRIPT LANGUAGE="JavaScript">
<!--

// 목록보기 버튼을 클릭하면 list.html 문서창을 열어줍니다
function showList() {
sList = window.open("list.html", "list", "width=200,height=160");
}

// 문서를 닫을때 팝업창의 opener 속성을 null 로 만들어 줍니다
function remLink() {
if (window.sList && window.sList.open && !window.sList.closed)
window.sList.opener = null;
}

// -->
</SCRIPT>

</HEAD>

</BODY>
</HTML>

=========
list.html
=========

<HTML>
<HEAD>
<TITLE> Jasko Sample Script </TITLE>

<SCRIPT LANGUAGE="JavaScript">
<!--

// opener 윈도우가 열려있는 상태이면
// 텍스트박스에 선택한 값을 넣고
// 현재의 이 창을 닫습니다

function pick(symbol) {
if (window.opener && !window.opener.closed)
window.opener.document.myForm.myText.value = symbol;
window.close();
}

// -->
</SCRIPT>

</HEAD>

<BODY>

</BODY>
</HTML>

Prev
소숫점 2자리까지만 입력이 가능합니다
자료실

Next
체크박스 항목을 그룹별로 선택하게 해 줍니다
자료실

16 18:28:59

Subject
체크박스 항목을 그룹별로 선택하게 해 줍니다

</HEAD>

<BODY>

Prev
팝업창의 값을 참조하여 오프너에 보내기 예제
자료실

Next
주문자 정보 필드 값을 배송지 정보 필드에 복사합니다
자료실

16 18:28:31

Subject
주문자 정보 필드 값을 배송지 정보 필드에 복사합니다

<SCRIPT LANGUAGE="JavaScript">
<!--
var ShipFirst = "";
var ShipID = "";
var ShipEmail = "";
var ShipCompany = "";
var ShipAddress1 = "";
var ShipAddress2 = "";
var ShipPhone = "";
var ShipGoods = "";
var ShipGoodsIndex = 0;
var ShipQTT = "";
var ShipConfirm! = 0;

function InitSaveVariables(form) {
ShipFirst = form.ShipFirst.value;
ShipID = form.ShipID.value;
ShipEmail = form.ShipEmail.value;
ShipCompany = form.ShipCompany.value;
ShipAddress1 = form.ShipAddress1.value;
ShipAddress2 = form.ShipAddress2.value;
ShipPhone = form.ShipPhone.value;
ShipQTT = form.ShipQTT.value;
ShipGoodsIndex = form.ShipGoods.selectedIndex;
ShipGoods = form.ShipGoods[ShipGoodsIndex].value;
ShipConfirm! = form.ShipConfirm!.checked;
}

</HEAD>

<BODY>

</form>
</center>

Prev
체크박스 항목을 그룹별로 선택하게 해 줍니다
자료실

Next
폼 요소들의 배경색이 애니메이션 됩니다
자료실

16 18:28:02

Subject
폼 요소들의 배경색이 애니메이션 됩니다

// 배경 색상 전환효과를 설정 하세요

// 1 : 어둡게 → 중간밝기 → 어둡게
// 2 : 밝게 → 중간밝기 → 밝게
// 3 : 밝게 → 어둡게 → 밝게
// 4 : 밝게 → 아주밝게 → 밝게
// 5 : 어둡게 → 아주밝게 → 어둡게

var fade_effect=3

var eventobj=false
var timer
var previouscolor
var ns6=document.getElementById&&!document.all
if (fade_effect==1) {
var darkmax=1
var lightmax=127
}

if (fade_effect==2) {
var darkmax=127
var lightmax=254
}

if (fade_effect==3) {
var darkmax=1
var lightmax=254
}

if (fade_effect==4) {
var darkmax=180
var lightmax=254
}

if (fade_effect==5) {
var darkmax=1
var lightmax=80
}
var hexc = new Array('0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F')

var redrgb=lightmax
var greenrgb=lightmax
var bluergb=lightmax

var redcol_1
var redcol_2
var greencol_1
var greencol_2
var bluecol_1
var bluecol_2

var stepmax=15
var stepred=Math.ceil(stepmax*Math.random())
var stepgreen=Math.ceil(stepmax*Math.random())
var stepblue=Math.ceil(stepmax*Math.random())

function setrandomstep() {
stepred=Math.ceil(stepmax*Math.random())
stepgreen=Math.ceil(stepmax*Math.random())
stepblue=Math.ceil(stepmax*Math.random())
}

function animate(e) {
if (document.all) {
if (eventobj) {
eventobj.style.backgroundColor=previouscolor
}
clearTimeout(timer)
eventobj= event.srcElement
previouscolor= eventobj.style.backgroundColor
makedarker()
}
}

function stopit() {
if (document.all) {
clearTimeout(timer)
eventobj.style.backgroundColor=previouscolor
}
}
</script>

</HEAD>

<BODY>

각 폼 요소를 클릭하거나 마우스를 대어 보세요
<br><br>

Prev
주문자 정보 필드 값을 배송지 정보 필드에 복사합니다
자료실

Next
콤보 메뉴의 옵션 항목이 5초마다 저절로 바뀝니다
자료실

16 18:27:33

Subject
콤보 메뉴의 옵션 항목이 5초마다 저절로 바뀝니다

Prev
폼 요소들의 배경색이 애니메이션 됩니다
자료실

Next
숫자에 3자리 단위로 콤마를 찍어 줍니다
자료실

16 18:27:10

Subject
숫자에 3자리 단위로 콤마를 찍어 줍니다

<SCRIPT LANGUAGE="JavaScript">

</script>

Prev
콤보 메뉴의 옵션 항목이 5초마다 저절로 바뀝니다
자료실

Next
홈페이지 추천하기
자료실

16 18:25:57

Subject
홈페이지 추천하기

</HEAD>

<BODY>

Prev
숫자에 3자리 단위로 콤마를 찍어 줍니다
자료실

Next
콤보메뉴에서 항상 오늘날짜를 년-월-일 로 보여줍니다
자료실

16 18:25:30

Subject
콤보메뉴에서 항상 오늘날짜를 년-월-일 로 보여줍니다

<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

Prev
홈페이지 추천하기
자료실

Next
애니메이션 후 이동하는 콤보메뉴 만들기
자료실

16 18:22:23

Subject
애니메이션 후 이동하는 콤보메뉴 만들기

<form name="take" >
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%"><select name="take2" size="5" style="width:200px">
<option selected value="http://www.mybizs.com">JavaScript Source</option>
<option value="http://www.imbc.com">문화방송</option>
<option value="http://www.kbs.co.kr">한국방송</option>
<option value="http://www.chosun.com">조선일보</option>
<option value="http://www.hani.com">한겨레신문</option>
</select>

var selected=-1
var switchit=-1
var cycle=0

function animate_go(){
if (cycle>=setframes){
document.take.take2.selectedIndex =selected
window.location!=document.take.take2.options[document.take.take2.selectedIndex].value
return
}
switchit=(switchit==-1)? selected : -1
document.take.take2.selectedIndex =switchit
cycle++

setTimeout("animate_go()",100)
}

//-->
</script>

</td>
</tr>
<tr>
<td width="100%">
<div align="center">
<p>
<input type="button"
value="가보자-->>" name="B1" onClick="selected=document.take.take2.selectedIndex;cycle=0;animate_go()">
</div>
</td>
</tr>
</table>
</form>

Prev
콤보메뉴에서 항상 오늘날짜를 년-월-일 로 보여줍니다
자료실

Next
자동으로 현재의 년월일을 선택하는 콤보상자
자료실

16 18:21:40

Subject
자동으로 현재의 년월일을 선택하는 콤보상자

<SCRIPT language="JavaScript">
Now = new Date();
NowDay = Now.getDate();
NowMonth = Now.getMonth();
NowYear = Now.getYear();
if (NowYear < 2000) NowYear += 1900;

function DaysInMonth(WhichMonth, WhichYear){
var DaysInMonth = 31;
if (WhichMonth == "Apr" || WhichMonth == "Jun" || WhichMonth == "Sep" || WhichMonth == "Nov") DaysInMonth = 30;
if (WhichMonth == "Feb" && (WhichYear/4) != Math.floor(WhichYear/4)) DaysInMonth = 28;
if (WhichMonth == "Feb" && (WhichYear/4) == Math.floor(WhichYear/4)) DaysInMonth = 29;
return DaysInMonth;
}

function SetToToday(Which){

DaysObject = eval!("document.Form1." + Which + "Day");
MonthObject = eval!("document.Form1." + Which + "Month");
YearObject = eval!("document.Form1." + Which + "Year");

YearObject[0].selected = true;
MonthObject[NowMonth].selected = true;
ChangeOptionDays(Which);
DaysObject[NowDay-1].selected = true;
}

function WriteYearOptions(YearsAhead){
line = "";
for (i=0; i<YearsAhead; i++) {
line += "<OPTION>";
line += NowYear + i;
}
return line;
}

</SCRIPT>

</HEAD>

<SELECT name="FirstSelectYear" onchange="ChangeOptionDays('FirstSelect')">
<SCRIPT language="JavaScript">
document.write(WriteYearOptions(50));
</SCRIPT>
</SELECT>

</FORM>

Prev
애니메이션 후 이동하는 콤보메뉴 만들기
자료실

Next
이미지를 이용한 다이나믹 submit 버튼 예제
자료실

16 18:21:06

Subject
이미지를 이용한 다이나믹 submit 버튼 예제

// 사용할 버튼 이미지들을 설정합니다
var Pic = new Array
Pic[0] = 'reset_green.gif'
Pic[1] = 'reset_orange.gif'
Pic[2] = 'reset_red.gif'
Pic[3] = 'submit_green.gif'
Pic[4] = 'submit_orange.gif'
Pic[5] = 'submit_red.gif'

var p = Pic.length
var preLoad = new Array()
var i = 0;
for (i = 0; i < p; i++){
preLoad[i] = new Image()
preLoad[i].src = Pic[i]
}

function switchImage(whichImage,imageNumber){
document.images[whichImage].src = preLoad[imageNumber].src
}
</script>

</HEAD>

Prev
자동으로 현재의 년월일을 선택하는 콤보상자
자료실

Next
입력영역에 최대 입력 글자수를 제한 합니다
자료실

16 18:20:14

Subject
입력영역에 최대 입력 글자수를 제한 합니다

if (cur.chars.value.length>maxlength){
alert!("10글자 까지만 입력 할 수 있습니다")
return false
}
}
//-->
</script>

Prev
이미지를 이용한 다이나믹 submit 버튼 예제
자료실

Next
필수항목은 반드시 입력 하게 합니다
자료실

16 18:19:50

Subject
필수항목은 반드시 입력 하게 합니다

</HEAD>

<BODY>

이름 : <input type="text" name="requiredname"><br>
메일 : <input type="text" name="requiredemail"><br>
취미 :
<select name="requiredhobby">
<option value=a>등산</option>
<option value=b>낚시</option>
<option value=c>바둑</option>
<option value=d>수영</option>
<option value=e>골프</option>
</select>
<br>
하실말씀 : <br>
<textarea name="comments" style="width:200;height:100"></textarea>
<br>
<input type=submit>

</form>

Prev
입력영역에 최대 입력 글자수를 제한 합니다
자료실

Next
정규식을 사용한 이메일 주소 체크하기
자료실

16 18:19:32

Subject
정규식을 사용한 이메일 주소 체크하기

Prev
필수항목은 반드시 입력 하게 합니다
자료실

Next
콤보상자에서 선택한 내용을 입력영역에 차례대로 디스플레이 해 줍니다
자료실

16 18:19:06

Subject
콤보상자에서 선택한 내용을 입력영역에 차례대로 디스플레이 해 줍니다

</HEAD>

<BODY>

Prev
정규식을 사용한 이메일 주소 체크하기
자료실

Next
입력한 이메일 주소를 경고창을 띄워 확인 시킨 후 submit 합니다
자료실

16 18:18:39

Subject
입력한 이메일 주소를 경고창을 띄워 확인 시킨 후 submit 합니다

</HEAD>

<BODY>

Prev
콤보상자에서 선택한 내용을 입력영역에 차례대로 디스플레이 해 줍니다
자료실

Next
특정 이메일 주소 입력을 금지합니다
자료실

16 18:18:22

Subject
특정 이메일 주소 입력을 금지합니다

daum, kebi, yahoo,hanmail 계정은 입력할 수 없습니다<br>

// 이메일 주소 입력 금지시키기
// 금지할 도메인을 입력 하세요
var invalidaddress=new Array()
invalidaddress[0]="daum"
invalidaddress[1]="kebi"
invalidaddress[2]="yahoo"
invalidaddress[3]="hanmail"

var testresults
function checkemail(){
var invalidcheck=0;
var str=document.validation.emailcheck.value
var filter=/^(\w+(?:\.\w+)*)@((?:\w+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i
if (filter.test(str)){
var tempstring=str.split("@")
tempstring=tempstring[1].split(".")
for (i=0;i<invalidaddress.length;i++){
if (tempstring[0]==invalidaddress[i])
invalidcheck=1
}
if (invalidcheck!=1)
testresults=true
else{
alert!("입력 금지된 계정입니다")
testresults=false
}
}
else{
alert!("이메일 주소가 유효하지 않습니다")
testresults=false
}
return (testresults)
}
function checkbae(){
if (document.layers||document.getElementById||document.all)
return checkemail()
else
return true
}
</script>

Prev
입력한 이메일 주소를 경고창을 띄워 확인 시킨 후 submit 합니다
자료실

Next
여러가지 형태의 날짜 입력값을 특정 형태로 변환합니다
자료실

16 18:17:58

Subject
여러가지 형태의 날짜 입력값을 특정 형태로 변환합니다

<SCRIPT LANGUAGE="JavaScript">
<!--
function check_date(field){
var checkstr = "0123456789";
var DateField = field;
var Dateval!ue = "";
var DateTemp = "";
var seperator = ".";
var day;
var month;
var year;
var leap = 0;
var err = 0;
var i;
   err = 0;
   DateVal!ue = DateField.value;
   /* 숫자가 아닌 문자 삭제 */
   for (i = 0; i < DateVal!ue.length; i++) {
if (checkstr.indexOf(DateVal!ue.substr(i,1)) >= 0) {
   DateTemp = DateTemp + DateVal!ue.substr(i,1);
}
   }
   DateVal!ue = DateTemp;

/* 날짜를 여덟자리로 변환*/
/* 연도가 2자리로 입력 된다면 20 을 추가 */

if (DateVal!ue.length == 6) {
DateVal!ue = '20' + DateVal!ue.substr(0,6); }
if (DateVal!ue.length != 8) {
err = 19;}

   /* 년도가 0000 으로 입력되는지 체크 */
   year = DateVal!ue.substr(0,4);
   if (year == 0) {
err = 20;
   }
   /* 월의 유효성 체크 */
   month = DateVal!ue.substr(4,2);
   if ((month < 1) || (month > 12)) {
err = 21;
   }
   /* 날짜의 유효성 체크 */
   day = DateVal!ue.substr(6,2);
   if (day < 1) {
   err = 22;
   }
   /* 윤년/2월 체크 */
   if ((year % 4 == 0) || (year % 100 == 0) || (year % 400 == 0)) {
leap = 1;
   }
   if ((month == 2) && (leap == 1) && (day > 29)) {
err = 23;
   }
   if ((month == 2) && (leap != 1) && (day > 28)) {
err = 24;
   }
   /* 기타 월의 유효성 체크 */
   if ((day > 31) && ((month == "01") || (month == "03") || (month == "05") || (month == "07") || (month == "08") || (month == "10") || (month == "12"))) {
err = 25;
   }
   if ((day > 30) && ((month == "04") || (month == "06") || (month == "09") || (month == "11"))) {
err = 26;
   }
   /* 00 입력시 입력내용 삭제 */
   if ((day == 0) && (month == 0) && (year == 00)) {
err = 0; day = ""; month = ""; year = ""; seperator = "";
   }
   /* 에러가 없다면 날짜 출력 */
   if (err == 0) {
DateField.value = year + seperator + month + seperator + day;
   }
   else {
alert!("날짜 입력이 틀렸습니다");
DateField.select();
DateField.focus();
   }
}
// -->
</script>

</HEAD>

<BODY>

<FORM name="datecheck">
<TABLE border="0">
<TR>
<TD style="font-size:12px">
<b>2002년5월6일 을 입력하려면, 아래 형식중 한가지를 사용하세요</b><br><br>
yymmdd 형식 (020506)<BR>
yyyymmdd 형식 (20020506)<BR>
yyyyXmmXdd 형식 (2002.05.06 혹은 2002,05,06 ...) <br><br>
</TD>
</TR>
<TR>
<TD>
<INPUT type="text" name=testdat size='10' maxlength="10" onblur!="check_date(this)">
<INPUT type= "submit" name="button" value="확인">

<p style="font-size:12px; color:red">날자를 입력 한 후 다른곳을 선택하면 날짜가 변환됩니다
</TD>
</TR>
</TABLE>
</FORM>

Prev
특정 이메일 주소 입력을 금지합니다
자료실

Next
입력상자의 날짜형식 변환하기
자료실

16 18:17:29

Subject
입력상자의 날짜형식 변환하기

Prev
여러가지 형태의 날짜 입력값을 특정 형태로 변환합니다
자료실

Next
이름이나 아이디중 한가지만 입력하게 합니다
자료실

16 18:17:10

Subject
이름이나 아이디중 한가지만 입력하게 합니다

<SCRIPT LANGUAGE="JavaScript">
<!--
function checkFields() {
name = document.submitform.name.value;
id = document.submitform.id.value;

if ((name == "") && (id == "") ) {
alert!("이름이나 아이디중 한가지만 입력하세요");
return false;
}
else return true;
}
// -->
</script>

</HEAD>

<BODY>

이름이나 아이디중 한가지만 입력하세요<br><br>

Prev
입력상자의 날짜형식 변환하기
자료실

Next
체크박스 항목을 모두선택, 모두해제, 또는 반전 시켜 줍니다
자료실

16 18:16:17

Subject
체크박스 항목을 모두선택, 모두해제, 또는 반전 시켜 줍니다

<SCRIPT LANGUAGE="JavaScript">
<!--
function checkAll() {
for (var j = 1; j <= 7; j++) {
box = eval!("document.checkboxform.C" + j);
if (box.checked == false) box.checked = true;
}
}

function uncheckAll() {
for (var j = 1; j <= 7; j++) {
box = eval!("document.checkboxform.C" + j);
if (box.checked == true) box.checked = false;
}
}

function switchAll() {
for (var j = 1; j <= 7; j++) {
box = eval!("document.checkboxform.C" + j);
box.checked = !box.checked;
}
}
//-->
</script>

</HEAD>

<BODY>

Prev
이름이나 아이디중 한가지만 입력하게 합니다
자료실

Next
영문자나 숫자만 입력 할 수 있습니다
자료실

16 18:15:57

Subject
영문자나 숫자만 입력 할 수 있습니다

</HEAD>

<BODY>

<form>
아이디 <input type=text name="entry" onBlur!="validate(this)">
<input type=submit>
<br><br>
※ 아이디는 영문자나 숫자만 가능합니다
</form>

Prev
체크박스 항목을 모두선택, 모두해제, 또는 반전 시켜 줍니다
자료실

Next
한번만 submit 되게 합니다
자료실

16 18:15:32

Subject
한번만 submit 되게 합니다

<SCRIPT LANGUAGE="JavaScript">
<!--
var submitcount=0;

function reset() {
document.emailform.name.value="";
document.emailform.email.value="";
document.emailform.comments.value="";
}

function checkFields() {
if ( (document.emailform.name.value=="") ||
   (document.emailform.email.value=="") ||
   (document.emailform.comments.value=="") )
   {
   alert!("항목을 채워주세요");
   return false;
   }

else
   {
   if (submitcount == 0)
{
submitcount++;
return true;
}
   else
{
alert!("버튼은 한번만 눌러주세요");
return false;
}
   }
}
//-->
</script>

</HEAD>

하실말씀

Prev
영문자나 숫자만 입력 할 수 있습니다
자료실

Next
폼 요소에 멋진 페이드 효과 주기
자료실

16 18:15:12

Subject
폼 요소에 멋진 페이드 효과 주기

// 아래 옵션중 한가지를 지정하세요
//
// 1 : 어두운색 -> 중간색 -> 어두운색
// 2 : 밝은색 -> 중간색 -> 밝은색
// 3 : 밝은색 -> 어두운색 -> 밝은색
// 4 : 밝은색 -> 아주밝은색 -> 밝은색
// 5 : 어두운색 -> 아주 어두운색 -> 어두운색
var fade_effect=2