종종 사용하는 Java Script source
브라우저 쿠키값 간단하게 확인하기
브라우져의 주소란에
javascript:alert(document.cookie)
파일 용량 체크하기
<form>
<input type=file name="filename" onChange="getFileSize(this.value,this.name)">
</form>
<img name=tmp width=0 height=0>
<script language=javascript>
function getFileSize(url,name)
{
tmp.dynsrc = url;
if (tmp.fileSize > 8388608)
{
alert ("8M 이상은 안되요");
document.getElementById(name).value = "";
}
}
</script>
방문자 해상도 구하기
<script language="Javascript">
document.write(screen.width+" * "+screen.height)
</script>
모든 링크 점선 한방에 없애기
아래 함수를 <head>에 넣으면 파일에 있는 모든 링크와 이미지에 점선이 없어집니다.
<script language="javascript">
// 링크 점선 없애기
function bluring()
{
if(event.srcElement.tagName=="A"||event.srcElement.tagName=="IMG")document.body.focus();
}
document.onfocusin=bluring
</script>
버튼으로 새창(_blank) 띄우기
window.open 액션에서 옵션이 없으면 새창이 뜨게된다
<input type=button value="새창" onclick="window.open('test.htm');">
한번 클릭하면 비활성화 되는 전송버튼
<input type="submit" value="전송" onClick="this.disabled=true">
이메일 형식 체크
if(str.pet_email.value.length > 0){
var regExp = /[a-z0-9]{2,}@[a-z0-9-]{2,}\.[a-z0-9]{2,}/i;
if(!regExp.test(str.pet_email.value)){
alert("잘못된 e-mail 형식입니다.");
str.pet_email.value = "";
str.pet_email.focus();
return false;
}
}
아이프레임을 내용에 따라 크기(폭,높이) 바꿔주는 스크립트
아래 스크립트는 iframe에 들어갈 파일을 건드리지 않아도 됩니다.
객체에 대한 read/write권한을 위해서 같은 계정내의 파일이기만 하면 됩니다.
<script>
function doResize()
{
container.height = myframe.document.body.scrollHeight;
container.width = myframe.document.body.scrollWidth;
}
</script>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="container"><iframe src="your_file.html" name="myframe" width="100%" height="100%" marginwidth="0" marginheight="0" frameborder="no" onload="doResize()"></iframe></td>
</tr>
</table>
iframe에 들어갈 파일의 로딩이 완료되는 순간 doResize() 함수를 호출하여 iframe을 포함하는 TD태그의 width와 height를 강제로 바꿔줍니다.
Windows 2000, IE 6.0 에서는 잘 보이는데 다른 환경에서는 어떨런지 모르겠네요 :)
하루동안 팝업 창 띄우지 않기
=================== 메인 페이지 소스 ===================
<SCRIPT language="JavaScript">
function getCookie( name )
{
var nameOfCookie = name + "=";
var x = 0;
while ( x <= document.cookie.length )
{
var y = (x+nameOfCookie.length);
if ( document.cookie.substring( x, y ) == nameOfCookie ) {
if ( (endOfCookie=document.cookie.indexOf( ";", y )) == -1 )
endOfCookie = document.cookie.length;
return unescape( document.cookie.substring( y, endOfCookie ) );
}
x = document.cookie.indexOf( " ", x ) + 1;
if ( x == 0 )
break;
}
return "";
}
if ( getCookie( "Notice1" ) != "done" )
{
noticeWindow = window.open('newwin/pop.htm','Notice1','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=363,height=733,left=30,top=120');
noticeWindow.opener = self;
}
</SCRIPT>
=================== 팝업창 소스 ===================
<SCRIPT language="JavaScript">
<!--
function setCookie( name, value, expiredays )
{
var todayDate = new Date();
todayDate.setDate( todayDate.getDate() + expiredays );
document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
}
function closeWin()
{
if ( document.forms[0].Notice.checked )
setCookie( "Notice1", "done" , 1);
self.close();
}
</SCRIPT>
<input type="checkbox" name="Notice" ><a href= "javascript:history.onclick=closeWin()">하루동안 창띄우지 않기</a>
일정시간마다 새로고침
<script language='javascript'>
window.setTimeout('window.location.reload()',5000); //5초마다 리플리쉬 시킨다.
</script>
핫키
특정 키를 누르면 지정한 곳으로 이동하게 해주는 소스입니다.
소스
---------------------------------------------------------------
<script language="JavaScript">
<!--
var key = new Array();
key['n'] = "http://phpschool.com/bbs2/inc_board.html?code=news2";
key['q'] = "http://phpschool.com/v2/html/q_a_board.html";
key['d'] = "http://phpschool.com/bbs2/inc_board.html?code=down2";
function getKey(keyStroke) {
isNetscape=(document.layers);
eventChooser = (isNetscape) ? keyStroke.which : event.keyCode;
which = String.fromCharCode(eventChooser).toLowerCase();
for (var i in key)
if (which == i) window.location = key[i];
}
document.onkeypress = getKey;
// -->
</script>
===========================================================
var n4 = (document.layers)?true:false;
var e4 = (document.all)?true:false;
//숫자만입력(onKeypress=\'return keyCheckdot(event)\')
function keyCheck(e) {
if(n4) var keyValue = e.which
else if(e4) var keyValue = event.keyCode
if (((keyValue >= 48) && (keyValue <= 57)) || keyValue==13) return true;
else return false
}
//숫자및돗트입력(onKeypress=\'return keyCheckdot(event)\')
function keyCheckDot(e) {
if(n4) var keyValue = e.which
else if(e4) var keyValue = event.keyCode
if (((keyValue >= 48) && (keyValue <= 57)) || keyValue==13 || keyValue==46) return true;
else return false
}
//공백제거
function Trim(string) {
for(;string.indexOf(\" \")!= -1;){
string=string.replace(\" \",\"\")
}
return string;
}
//입력검사
function Exists(input,types) {
if(types) if(!Trim(input.value)) return false;
return true;
}
//영문검사+숫자검사(첫글자는 반드시영문)
function EngNum(input,types) {
if(types) if(!Trim(input.value)) return false;
var error_c=0, i, val;
for(i=0;i val = input.value.charAt(i);
if(i == 0) if(!((val>=\'a\' && val<=\'z\') || (val>=\'A\' && val<=\'Z\'))) return false;
else if(!((val>=0 && val<=9) || (val>=\'a\' && val<=\'z\') || (val>=\'A\' && val<=\'Z\'))) return false;
}
return true;
}
//영문검사+숫자검사
function EngNumAll(input,types) {
if(types) if(!Trim(input.value)) return false;
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\'))) return false;
}
return true;
}
//영문검사+숫자검사+\'_\'
function EngNumAll2(input,types) {
if(types) if(!Trim(input.value)) return false;
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\') || val==\'_\')) return false;
}
return true;
}
//영문검사
function Eng(input,types) {
if(types) if(!Trim(input.value)) return false;
var error_c=0, i, val;
for(i=0;i val = input.value.charAt(i);
if(!((val>=\'a\' && val<=\'z\') || (val>=\'A\' && val<=\'Z\'))) return false;
}
return true;
}
//숫자만입력
/*
function numberonlyinput() {
var ob = event.srcElement;
ob.value = noSplitAndNumberOnly(ob);
return false;
}
*/
// 돈(3단위마다 컴마를 붙인다.)
function checkNumber() {
var ob=event.srcElement;
ob.value = filterNum(ob.value);
ob.value = commaSplitAndNumberOnly(ob);
return false;
}
// PHP number_format() 과 같은 기능의 JS함수
String.prototype.number_format=function(){
return this.replace(/(?=\d)(?=(\d\d\d)+(?!\d))/g,',');
}
// 한정액(일정금액 이상이 되면 올라기지 않게 한다.)
function chkhando(money) {
var ob=event.srcElement;
ob.value = noSplitAndNumberOnly(ob);
if(ob.value > money) ob.value = money;
return false;
}
//이자율(소수점 사용가능)
function checkNumberDot(llen,rlen) {
if(llen == \"\") llen = 8;
if(rlen == \"\") rlen = 2;
var ob=event.srcElement;
ob.value = filterNum(ob.value);
spnumber = ob.value.split(\'.\');
if( spnumber.length >= llen && (spnumber[0].length >llen || spnumber[1].length >llen)) {
ob.value = spnumber[0].substring(0,llen) + \".\" + spnumber[1].substring(0,rlen);
ob.focus();
return false;
}
else if( spnumber[0].length > llen ) {
ob.value = spnumber[0].substring(0,llen) + \".\";
ob.focus();
return false;
}
else if(ob.value && spnumber[0].length == 0) {
ob.value = 0 + \".\" + spnumber[1].substring(0,rlen);
ob.focus();
return false;
}
ob.value = commaSplitAndAllowDot(ob);
return false;
}
//참조함수
function filterNum(str) {
re = /^\\$|,/g;
return str.replace(re, \"\");
}
//참조함수(컴마불가)
function commaSplitAndNumberOnly(ob) {
var txtNumber = \'\' + ob.value;
if (isNaN(txtNumber) || txtNumber.indexOf(\'.\') != -1 ) {
ob.value = ob.value.substring(0, ob.value.length-1 );
ob.value = commaSplitAndNumberOnly(ob);
ob.focus();
return ob.value;
}
else {
var rxSplit = new RegExp(\'([0-9])([0-9][0-9][0-9][,.])\');
var arrNumber = txtNumber.split(\'.\');
arrNumber[0] += \'.\';
do {
arrNumber[0] = arrNumber[0].replace(rxSplit, \'$1,$2\');
}
while (rxSplit.test(arrNumber[0]));
if (arrNumber.length > 1) {
return arrNumber.join(\'\');
}
else {
return arrNumber[0].split(\'.\')[0];
}
}
}
//참조함수(컴마가능)
function commaSplitAndAllowDot(ob) {
var txtNumber = \'\' + ob.value;
if (isNaN(txtNumber) ) {
ob.value = ob.value.substring(0, ob.value.length-1 );
ob.focus();
return ob.value;
}
else {
var rxSplit = new RegExp(\'([0-9])([0-9][0-9][0-9][,.])\');
var arrNumber = txtNumber.split(\'.\');
arrNumber[0] += \'.\';
do {
arrNumber[0] = arrNumber[0].replace(rxSplit, \'$1,$2\');
}
while (rxSplit.test(arrNumber[0]));
if (arrNumber.length > 1) {
return arrNumber.join(\'\');
}
else {
return arrNumber[0].split(\'.\')[0];
}
}
}
//숫자만가능
function noSplitAndNumberOnly(ob) {
var txtNumber = \'\' + ob.value;
if (isNaN(txtNumber) || txtNumber.indexOf(\'.\') != -1 ) {
ob.value = ob.value.substring(0, ob.value.length-1 );
ob.focus();
return ob.value;
}
else return ob.value;
}
//바이트검사
function Byte(input) {
var i, j=0;
for(i=0;i val=escape(input.charAt(i)).length;
if(val== 6) j++;
j++;
}
return j;
}
//팝업메뉴
function popupmenu_show(layername, thislayer, thislayer2) {
thislayerfield.value = thislayer;
thislayerfield2.value = thislayer2;
var obj = document.all[layername];
var _tmpx,_tmpy, marginx, marginy;
_tmpx = event.clientX + parseInt(obj.offsetWidth);
_tmpy = event.clientY + parseInt(obj.offsetHeight);
_marginx = document.body.clientWidth - _tmpx;
_marginy = document.body.clientHeight - _tmpy ;
if(_marginx < 0) _tmpx = event.clientX + document.body.scrollLeft + _marginx ;
else _tmpx = event.clientX + document.body.scrollLeft ;
if(_marginy < 0) _tmpy = event.clientY + document.body.scrollTop + _marginy + 20;
else _tmpy = event.clientY + document.body.scrollTop ;
obj.style.posLeft = _tmpx - 5;
obj.style.posTop = _tmpy;
layer_set_visible(obj, true);
layer_set_pos(obj, event.clientX, event.clientY);
}
function layer_set_visible(obj, flag) {
if (navigator.appName.indexOf(\'Netscape\', 0) != -1) obj.visibility = flag ? \'show\' : \'hide\';
else obj.style.visibility = flag ? \'visible\' : \'hidden\';
}
function layer_set_pos(obj, x, y) {
if (navigator.appName.indexOf(\'Netscape\', 0) != -1) {
obj.left = x;
obj.top = y;
} else {
obj.style.pixelLeft = x + document.body.scrollLeft;
obj.style.pixelTop = y + document.body.scrollTop;
}
}
//페이지이동
function move(url) {
location.href = url;
}
//닫기
function toclose() {
self.close();
}
//위치변경
function winsize(w,h,l,t) {
if(window.opener) resizeTo(w,h);
}
//포커스위치
function formfocus(form) {
var len = form.elements.length;
for(i=0;i if((form.elements[i].type == \"text\" || form.elements[i].type == \"password\") && Trim(form.elements[i].value) == \"\") {
form.elements[i].value = \"\";
form.elements[i].focus();
break;
}
}
}
// 날짜,시간 format 함수 = php의 date()
function date(arg_format, arg_date) {
if(!arg_date) arg_date = new Date();
var M = new Array(\"Jan\",\"Feb\",\"Mar\",\"Apr\",\"May\",\"Jun\",\"Jul\",\"Aug\",\"Sep\",\"Oct\",\"Nov\",\"Dec\");
var F = new Array(\"January\",\"February\",\"March\",\"April\",\"May\",\"June\",\"July\",\"August\",\"September\",\"October\",\"November\",\"December\");
var K = new Array(\"일\",\"월\",\"화\",\"수\",\"목\",\"금\",\"토\");
var k = new Array(\"日\",\"月\",\"火\",\"水\",\"木\",\"金\",\"土\");
var D = new Array(\"Sun\",\"Mon\",\"Tue\",\"Wed\",\"Thu\",\"Fri\",\"Sat\");
var l = new Array(\"Sunday\",\"Monday\",\"Tuesday\",\"Wednesday\",\"Thursday\",\"Friday\",\"Saturday\");
var o = new Array(\"전\",\"후\");
var O = new Array(\"오전\",\"오후\");
var a = new Array(\"am\",\"pm\");
var A = new Array(\"AM\",\"PM\");
var org_year = arg_date.getFullYear();
var org_month = arg_date.getMonth();
var org_date = arg_date.getDate();
var org_wday = arg_date.getDay();
var org_hour = arg_date.getHours();
var org_minute = arg_date.getMinutes();
var org_second = arg_date.getSeconds();
var hour = org_hour % 12; hour = (hour) ? hour : 12;
var ampm = Math.floor(org_hour / 12);
var value = new Array();
value[\"Y\"] = org_year;
value[\"y\"] = String(org_year).substr(2,2);
value[\"m\"] = String(org_month+1).replace(/^([0-9])$/,\"0$1\");
value[\"n\"] = org_month+1;
value[\"d\"] = String(org_date).replace(/^([0-9])$/,\"0$1\");
value[\"j\"] = org_date;
value[\"w\"] = org_wday;
value[\"H\"] = String(org_hour).replace(/^([0-9])$/,\"0$1\");
value[\"G\"] = org_hour;
value[\"h\"] = String(hour).replace(/^([0-9])$/,\"0$1\");
value[\"g\"] = hour;
value[\"i\"] = String(org_minute).replace(/^([0-9])$/,\"0$1\");
value[\"s\"] = String(org_second).replace(/^([0-9])$/,\"0$1\");
value[\"t\"] = (new Date(org_year, org_month+1, 1) - new Date(org_year, org_month, 1)) / 86400000;
value[\"z\"] = (new Date(org_year, org_month, org_date) - new Date(org_year, 0, 1)) / 86400000;
value[\"L\"] = ((new Date(org_year, 2, 1) - new Date(org_year, 1, 1)) / 86400000) - 28;
value[\"M\"] = M[org_month];
value[\"F\"] = F[org_month];
value[\"K\"] = K[org_wday];
value[\"k\"] = k[org_wday];
value[\"D\"] = D[org_wday];
value[\"l\"] = l[org_wday];
value[\"o\"] = o[ampm];
value[\"O\"] = O[ampm];
value[\"a\"] = a[ampm];
value[\"A\"] = A[ampm];
var str = \"\";
var tag = 0;
for(i=0;i
var chr = arg_format.charAt(i);
switch(chr) {
case \"<\" : tag++; break;
case \">\" : tag--; break;
}
if(tag || value[chr]==null) str += chr; else str += value[chr];
}
return str;
}
// 해상도에 맞는 크기 사용
function screensize() {
self.moveTo(0,0);
self.resizeTo(screen.availWidth,screen.availHeight);
}
// 주민등록번호체크( 입력폼 1개)
function check_jumin(jumin) {
var weight = \"234567892345\"; // 자리수 weight 지정
var val = jumin.replace(\"-\",\"\"); // \"-\"(하이픈) 제거
var sum = 0;
if(val.length != 13) { return false; }
for(i=0;i<12;i++) {
sum += parseInt(val.charAt(i)) * parseInt(weight.charAt(i));
}
var result = (11 - (sum % 11)) % 10;
var check_val = parseInt(val.charAt(12));
if(result != check_val) { return false; }
return true;
}
// 주민등록번호체크( 입력폼 2개)
function check_jumin2(input, input2) {
input.value=Trim(input.value);
input2.value=Trim(input2.value);
var left_j=input.value;
var right_j=input2.value;
if(input.value.length != 6) {
alert(\'주민등록번호를 정확히 입력하세요.\');
input.focus();
return true;
}
if(right_j.length != 7) {
alert(\'주민등록번호를 정확히 입력하세요.\');
input2.focus();
return true;
}
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 true;
}
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 true;
}
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 true;
}
return false;
}
// 비밀번호 체크
function check_passwd(input, input2, min) {
if(!input.value) {
alert(\'비밀번호를 입력해 주십시오.\');
input.focus();
return false;
}
else if(BYTE(input.value) < min) {
alert(\'비밀번호의 길이가 너무 짧습니다.\');
input.focus();
input.value=\'\';
input2.value=\'\';
return false;
}
else if(!input2.value) {
alert(\'확인비밀번호를 입력해 주십시오.\');
input2.focus();
return false;
}
else if(input.value != input2.value) {
alert(\'비밀번호가 서로 다르게 입력되었습니다.\');
input2.value=\'\';
input2.focus();
return false;
}
else return true;
}
//콤마 넣기(정수만 해당)
function comma(val) {
val = get_number(val);
if(val.length <= 3) return val;
var loop = Math.ceil(val.length / 3);
var offset = val.length % 3;
if(offset==0) offset = 3;
var ret = val.substring(0, offset);
for(i=1;i ret += \",\" + val.substring(offset, offset+3);
offset += 3;
}
return ret;
}
//문자열에서 숫자만 가져가기
function get_number(str) {
var val = str;
var temp = \"\";
var num = \"\";
for(i=0; i temp = val.charAt(i);
if(temp >= \"0\" && temp <= \"9\") num += temp;
}
return num;
}
//주민등록번호를 나이로 변환
function agechange(lno,rno) {
var refArray = new Array(18,19,19,20,20,16,16,17,17,18);
var refyy = rno.substring(0,1);
var refno = lno.substring(0,2);
var biryear = refArray[refyy] * 100 + eval(refno);
var nowDate = new Date();
var nowyear = nowDate.getYear();
return nowyear - biryear + 1;
}
//레디오박스 체크검사
function radio_chk(input, msg) {
var len = input.length;
for(var i=0;i alert(msg);
return false;
}
//셀렉트박스 체크검사
function select_chk(input, msg) {
if(input[0].selected == true) {
alert(msg);
return false;
}
return true;
}
//새창띄우기
function open_window(url, target, w, h, s) {
if(s) s = \'yes\';
else s = \'no\';
var its = window.open(url,target,\'width=\'+w+\',height=\'+h+\',top=0,left=0,scrollbars=\'+s);
its.focus();
}
//-->
