-
레이어팝업을 이용한 공지팝업 띄우기와 쿠키를 활용한 오늘은 그만보기 기능
<script>
//생성될 쿠키명
var cookie_name = "popupCookie";//이벤트 팝업
function openPopup(id, width, height, tpos, lpos){
var divName = document.getElementById(id);
if (getCOOKIE(cookie_name) != true){
divName.style.display = "block";
}else{
divName.style.display = "none";
}
divName.style.width = width + "px";
divName.style.height = height + "px";
divName.style.top = tpos + "px";
divName.style.left = lpos + "px";
}//팝업 닫기
function closePopup(id){
var divName = document.getElementById(id);
divName.style.display = "none";
}function getCOOKIE(name){
var Found;
Found = false;
var start, end;
var i = 0;while(i <= document.cookie.length){
start = i;
end = start + name.length;
if(document.cookie.substring(start, end) == name){
//Found = true;
return true;
break;
}
i++;
}if(Found == true){
start = end + 1;
end = document.cookie.indexOf(';', start);
if(end < start) end = document.cookie.length;
return document.cookie.substring(start, end);
}
return '';
}//오늘은 그만보기 선택시 -- setCOOKIE("쿠키명","y",1)
function controlCOOKIE(){
setCOOKIE(cookie_name,"y", 1);
closePopup('layerPop');
}
//쿠키 생성 함수
function setCOOKIE(name, value, expire){
var expire_date = new Date();
expire_date = new Date(expire_date.getTime() + 60*60*24*1000);
document.cookie = name + "=" + escape(value) + "; expires=" + expire_date.toGMTString() +"; path=/";
}
//쿠키 소멸 함수
function clearCOOKIE(name){
var today = new Date();
//어제 날짜를 쿠키 소멸 날짜로 설정한다.
var expire_date = new Date(today.getTime() - 60*60*24*1000);
document.cookie = name + "= " + "; expires=" + expire_date.toGMTString();
}
</script><style type="text/css">
#popDiv{
position:absolute;
display:none;
border:1px solid #808080;
}#popDiv .close{
position:absolute;
bottom:5px;
right:5px;
}
</style><body onload="openPopup('popDiv', 300, 300, 10, 10);">
<div id="popDiv">
<!-- 팝업내용 및 이미지 -->
내용을 입력해준다.
<span class="close">오늘은 그만보기
<input type="checkbox" onClick="javascript:controlCOOKIE();" />
<a href="#" onclick="closePopup('layerPop')" >닫기</a>
</span>
</div>
</body> -