레이어 팝업 오늘만 띄우기
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>공지용레이어팝업</title>
<style type="text/css">
* { font-size:12px; color:#666 }
.noticePop { position:absolute; width:180px; padding:20px; background:#fff; border:#ccc solid 1px; border-radius:6px; box-shadow:1px 1px 2px rgba(0,0,0,0.3); }
.closePop { position:absolute; right:20px; top:20px; }
h4,form { margin:0; padding:0; }
label { cursor:pointer }
input { vertical-align:middle }
body{background:#efefef}
</style>
</head>
<body>
<div id="noticePop1" class="noticePop" style="left:60px; top:60px; z-index:100;">
<form name="pop_frm1" action="">
<div style="height:200px;">
<h4>공지팝업1</h4>
</div>
<div class="todayClose">
<label>
<input type="checkbox" id="toDone1" name="toDone1" onclick="noticePop1Close();" />
오늘은 그만보기</label>
</div>
<a href="javascript:closeWin1();" class="closePop">닫기</a>
</form>
<script type="text/javascript">
cookiedata = document.cookie;
if ( cookiedata.indexOf("popLayer3=done") < 0 ){
document.getElementById('noticePop1').style.visibility = "visible";
}
else {
document.getElementById('noticePop1').style.visibility = "hidden";
}
function setCookie( name, value, expiredays ) {
var todayDate = new Date();
todayDate.setDate( todayDate.getDate() + expiredays );
document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
}
function noticePop1Close(){
if ( document.pop_frm1.toDone1.checked ){
setCookie( "popLayer3", "done" , 1 );
}
document.getElementById('noticePop1').style.visibility = "hidden";
}
function closeWin1(){
document.getElementById('noticePop1').style.visibility = "hidden";
}
</script>
</div>
<div id="noticePop2" class="noticePop" style="left:260px; top:180px; z-index:150;">
<form name="pop_frm2" action="">
<div style="height:200px;">
<h4>공지팝업2</h4>
</div>
<div class="todayClose">
<label>
<input type="checkbox" id="toDone2" name="toDone2" onclick="noticePop2Close();" />
오늘은 그만보기</label>
</div>
<a href="javascript:closeWin2();" class="closePop">닫기</a>
</form>
<script type="text/javascript">
cookiedata = document.cookie;
if ( cookiedata.indexOf("popLayer4=done") < 0 ){
document.getElementById('noticePop2').style.visibility = "visible";
}
else {
document.getElementById('noticePop2').style.visibility = "hidden";
}
function setCookie( name, value, expiredays ) {
var todayDate = new Date();
todayDate.setDate( todayDate.getDate() + expiredays );
document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
}
function noticePop2Close(){
if ( document.pop_frm2.toDone2.checked ){
setCookie( "popLayer4", "done" , 1 );
}
document.getElementById('noticePop2').style.visibility = "hidden";
}
function closeWin2(){
document.getElementById('noticePop2').style.visibility = "hidden";
}
</script>
</div>
</body>
</html>