디자인천일공책

Html＆JQuery 레이어팝업(오늘 하루 이창을 열지 않음)

페이지 정보

작성자 디자인천일 작성일Date: 2025-03-27 20:37 조회view: 6

본문

레이어팝업(오늘 하루 이창을 열지 않음)

html

<div id="topbanner">
	<div>내용</div>
	<form name="topbanner_chk">
	<div class="topbanner_chk">
		<input type="checkbox" name="chkbox" value="checkbox">오늘 하루 이 창을 열지 않음
		<a href="javascript:closeWin();">[닫기]</a>
	</div>
	</form>
</div>

jQuery/Javascript

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.topbanner_chk.chkbox.checked ){ 
		setCookie( "topbanner", "done" , 1 ); 
	} 
	//document.all['topbanner'].style.display = "none";
	$('#topbanner').slideUp(300); 
}

cookiedata = document.cookie;    
if ( cookiedata.indexOf("topbanner=done") < 0 ){      
	document.all['topbanner'].style.display = "block";
} else {
	document.all['topbanner'].style.display = "none"; 
}