레이어팝업 2개이상 오늘 하루 열지않기 정보
레이어팝업 2개이상 오늘 하루 열지않기본문
레이어 팝업을 2개 이상 뛰워 보려고 팁을 찾아보니 필드 추가해야 가능 한것 뿐이라서
짜집기 해서 올려 봅니다.
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
<script type="text/javascript">
<!--
function setCookie( name, value, expirehours ) {
var todayDate = new Date();
todayDate.setHours( todayDate.getHours() + expirehours );
document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
}
function closeWin(id,checkbox) {
if ( checkbox.checked ){
setCookie( id, "done" , 1 );
}
document.getElementById(id).style.display = "none";
}
-->
</script>
<!-- 1번째 레이어 -->
<div id="popup1" style="position:absolute; top:0px; left:0px; width:500; height:500; z-index:5">
//위쪽에서,왼쪽에서,넓이,높이는 적당히 수정하세요
<TABLE border="0" width="320" cellspacing="0" cellpadding="0" align="center" VALIGN="TOP">
<TR>
<TD width=320 HEIGHT="390" border=0">
내용
</TD>
</TR>
<TR>
<TD style="PADDING-RIGHT: 10px" align=right height=35 VALIGN="BOTTOM">
<TABLE cellSpacing=0 cellPadding=0 width="98%" height=25 border=0>
<TBODY>
<TR>
<TD width=20></TD>
<TD style="PADDING-TOP: 3px" width=294>
<SPAN style="FONT-SIZE: 11px; PADDING-BOTTOM: 10px; COLOR: #696969">
<form name='notice_form' style="height:15px; margin-bottom:0px; margin-top:0px">
<input type='checkbox' name='chkbox[]' value='checkbox' onclick="closeWin('popup1',this);">
오늘하루 이창을 열지 않기
</form>
</SPAN></TD>
<TD width=65 height=25 VALIGN="BOTTOM">
<A onclick="document.all.popup1.style.visibility='hidden';" href="javascript:;" onfocus='this.blur()'>
<IMG src="닫기 이미지주소" width=67 HEIGHT="20" border=0></A>
</TD></TR></TBODY></TABLE>
<A onclick="document.all.popup1.style.visibility='hidden';" href="javascript:;"><!-- 창닫기 --></A>
//닫기 이미지 사용하지 않으시려면 이미지 태그를 지워주시고 위의 창닫기옆에 <!-- --> <ㅡ이부분 삭제
</TD></TR></TABLE>
</DIV>
<!-- 2번째 레이어 -->
<div id="popup2" style="position:absolute; top:0px; left:0px; width:500; height:500; z-index:5">
//위쪽에서,왼쪽에서,넓이,높이는 적당히 수정하세요
<TABLE border="0" width="320" cellspacing="0" cellpadding="0" align="center" VALIGN="TOP">
<TR>
<TD width=320 HEIGHT="390" border=0">
내용
</TD>
</TR>
<TR>
<TD style="PADDING-RIGHT: 10px" align=right height=35 VALIGN="BOTTOM">
<TABLE cellSpacing=0 cellPadding=0 width="98%" height=25 border=0>
<TBODY>
<TR>
<TD width=20></TD>
<TD style="PADDING-TOP: 3px" width=294>
<SPAN style="FONT-SIZE: 11px; PADDING-BOTTOM: 10px; COLOR: #696969">
<form name='notice_form' style="height:15px; margin-bottom:0px; margin-top:0px">
<input type='checkbox' name='chkbox[]' value='checkbox' onclick="closeWin('popup2',this);">
오늘하루 이창을 열지 않기
</form>
</SPAN></TD>
<TD width=65 height=25 VALIGN="BOTTOM">
<A onclick="document.all.popup2.style.visibility='hidden';" href="javascript:;" onfocus='this.blur()'>
<IMG src="닫기 이미지주소" width=67 HEIGHT="20" border=0></A>
</TD></TR></TBODY></TABLE>
<A onclick="document.all.popup2.style.visibility='hidden';" href="javascript:;"><!-- 창닫기 --></A>
//닫기 이미지 사용하지 않으시려면 이미지 태그를 지워주시고 위의 창닫기옆에 <!-- --> <ㅡ이부분 삭제
</TD></TR></TABLE>
</DIV>
<!-- 3번째 레이어 -->
<div id="popup3" style="position:absolute; top:0px; left:0px; width:500; height:500; z-index:5">
//위쪽에서,왼쪽에서,넓이,높이는 적당히 수정하세요
<TABLE border="0" width="320" cellspacing="0" cellpadding="0" align="center" VALIGN="TOP">
<TR>
<TD width=320 HEIGHT="390" border=0">
내용
</TD>
</TR>
<TR>
<TD style="PADDING-RIGHT: 10px" align=right height=35 VALIGN="BOTTOM">
<TABLE cellSpacing=0 cellPadding=0 width="98%" height=25 border=0>
<TBODY>
<TR>
<TD width=20></TD>
<TD style="PADDING-TOP: 3px" width=294>
<SPAN style="FONT-SIZE: 11px; PADDING-BOTTOM: 10px; COLOR: #696969">
<form name='notice_form' style="height:15px; margin-bottom:0px; margin-top:0px">
<input type='checkbox' name='chkbox[]' value='checkbox' onclick="closeWin('popup3',this);">
오늘하루 이창을 열지 않기
</form>
</SPAN></TD>
<TD width=65 height=25 VALIGN="BOTTOM">
<A onclick="document.all.popup3.style.visibility='hidden';" href="javascript:;" onfocus='this.blur()'>
<IMG src="닫기 이미지주소" width=67 HEIGHT="20" border=0></A>
</TD></TR></TBODY></TABLE>
<A onclick="document.all.popup3.style.visibility='hidden';" href="javascript:;"><!-- 창닫기 --></A>
//닫기 이미지 사용하지 않으시려면 이미지 태그를 지워주시고 위의 창닫기옆에 <!-- --> <ㅡ이부분 삭제
</TD></TR></TABLE>
</DIV>
<script language="JavaScript">
<!--
cookiedata = document.cookie;
//1번째 레이어에대한 쿠키에 값이있는지 없는지 확인하여 있으면 비노출 없으면 노출
if ( cookiedata.indexOf("popup1=done") < 0 ){
document.getElementById('popup1').style.display = "block";
}
else {
document.getElementById('popup1').style.display = "none";
}
//2번째 레이어에대한 쿠키에 값이있는지 없는지 확인하여 있으면 비노출 없으면 노출
if ( cookiedata.indexOf("popup2=done") < 0 ){
document.getElementById('popup2').style.display = "block";
}
else {
document.getElementById('popup2').style.display = "none";
}
//3번째 레이어에대한 쿠키에 값이있는지 없는지 확인하여 있으면 비노출 없으면 노출
if ( cookiedata.indexOf("popup3=done") < 0 ){
document.getElementById('popup3').style.display = "block";
}
else {
document.getElementById('popup3').style.display = "none";
}
-->
</script>
--------------------------------------------------------------------------------------
응용 하시면 더 많이 뛰울수 있습니다..
1
댓글 3개
감사합니다...
잘 됩니다.
감사합니다.