<head>에 포함되어야할 스크립트 입니다.
<script language="JavaScript">
<!--
function startTime(){
var time= new Date();
hours= time.getHours();
mins= time.getMinutes();
secs= time.getSeconds();
closeTime=hours*3600+mins*60+secs;
closeTime+=10; //시간설정
Timer();
}
function Timer(){
var time= new Date();
hours= time.getHours();
mins= time.getMinutes();
secs= time.getSeconds();
curTime=hours*3600+mins*60+secs
if (curTime>=closeTime){
document.all['divpop'].style.visibility = "hidden";
}
else{
window.setTimeout("Timer()",1000)} [10초 후에 자동으로 none 시키는 부분입니다]
}
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.notice_form.chkbox.checked ){
setCookie( "maindiv", "done" , 1 );
}
document.all['divpop'].style.visibility = "hidden";
}
//-->
</script>
<body> 부분에서 로드해야하는 부분
onLoad="startTime();"
예 => <body onLoad="startTime();">
실제 보여지는 Layer 입니다. - 수정부분은 Div 가 아니라 Table 안의 내용입니다.
<div id="divpop" style="background-color:rgb(255,255,204); position:absolute; left:311px; top:118; z-index:200; visibility:hidden;">
<table width=300 height=400 cellpadding=2 cellspacing=0>
<tr>
<td style="border:1px #666666 solid" height="258" align=center bgcolor="#FFFFCC">
<p> </p>
<p><a href="http://tagin.net">공지</a></p>
<p>10초후에 자동으로 닫힙니다..</p>
</td>
</tr>
<tr>
<form name="notice_form">
<td align=right bgcolor=white>
<input type="checkbox" name="chkbox" value="checkbox">오늘 하루 이 창을 열지 않음
<a href="javascript:closeWin();"><B>[닫기]</B></a>
</td>
</tr>
</form>
</table>
</div>
그다음 삽입해야하는 스크립트는 쿠기에 하루동안에 보이지 않게 하기 위해서 필요한 스크립트
<script language="Javascript">
cookiedata = document.cookie;
if ( cookiedata.indexOf("maindiv=done") < 0 ){
document.all['divpop'].style.visibility = "visible";
}
else {
document.all['divpop'].style.visibility = "hidden";
}
</script>
이걸 모조리 한번에 복사 하고싶으세요? 아래 더보기...
'스크립트 > 윈도우창관련' 카테고리의 다른 글
| IFRAME 자동 리사이즈 auto resize 최강 스크립트 - 알릭님껏 (5) | 2008.11.02 |
|---|---|
| 마우스로 움직이는 레이어 간단한 팁, 드레그 Layer (0) | 2008.11.01 |
| 레이어로 Loading 페이지 만들기 (0) | 2008.10.17 |
| 이미지 저장아이콘 (0) | 2008.09.21 |
| 하룻동안 공지창 열지 않는 창을 만들어보자 (2) | 2008.09.16 |
