브라우저 쿠키값 간단하게 확인하기
브라우져의 주소란에
javascripｔ:alert(document.cookiｅ)
파일 용량 체크하기
<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.writｅ(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.cookiｅ.length )
{
var y =
(x+nameOfCookie.length);
if ( document.cookiｅ.substring( x, y ) ==
nameOfCookie ) {
if ( (endOfCookie=document.cookiｅ.indexOf( ";", y )) == -1
)
endOfCookie = document.cookiｅ.length;
return unescape(
document.cookiｅ.substring( y, endOfCookie ) );
}
x =
document.cookiｅ.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.cookiｅ = 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= "javascripｔ: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://www.naver.com";
key['q'] =
"http://www.empas.com";
key['d'] =
"http://www.daum.net";
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>
================================================================
설명.... 소스 중에
key['원하는키'] = "http://원하는 주소";
ex) key['h'] =
"http://www.naverl.com";
이렇게 된 부분이 바로 무슨 키를 누르면 어디로 이동하라는 명령을 해주는 부분이죠^^
'IT_Programming > JavaScript' 카테고리의 다른 글
| location.href 와 location.replace의 차이 (0) | 2006.04.26 |
|---|---|
| ## 윈도우미디어플레이어를 웹에서 컨트롤 하기 위한 내용 ## (0) | 2006.04.26 |
| 중요한 자바스크립트 이벤트들... (0) | 2006.04.26 |
| .NET Code Behind에서 클라이언트 스크립트 제어하기 (0) | 2006.04.25 |
| 자바스크립트로 알아내서 창크기 조절 & VBSCRIPT로 알아내서 창크기 조절 (0) | 2006.04.25 |