레이어팝업 2개이상 오늘 하루 열지않기

· 15년 전 · 16797 · 3

레이어 팝업을 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>

--------------------------------------------------------------------------------------

응용 하시면 더 많이 뛰울수 있습니다..

|

댓글 3개

와 여러개 띄울 수 있는 팁이군요.
감사합니다...
멋진 팁이네요.
잘 됩니다.

감사합니다.
찾던 소스인데 정말 감사합니다.
댓글을 작성하시려면 로그인이 필요합니다. 로그인

그누4 팁자료실

그누보드4와 관련된 팁을 여러분들과 함께 공유하세요. 나누면 즐거움이 커집니다.

+
제목 글쓴이 날짜 조회
15년 전 조회 4,164
15년 전 조회 8,027
15년 전 조회 7,090
15년 전 조회 3,407
15년 전 조회 5,491
15년 전 조회 8,003
15년 전 조회 5,056
15년 전 조회 2,882
15년 전 조회 4,188
15년 전 조회 1.7만
15년 전 조회 4,509
15년 전 조회 4,057
15년 전 조회 3,898
15년 전 조회 2,965
15년 전 조회 3,740
15년 전 조회 4,686
15년 전 조회 3,933
15년 전 조회 5,397
15년 전 조회 4,207
15년 전 조회 9,695
🐛 버그신고