팝업 24시간동안 보지않기 적용
본문
안녕하세요.
관리자에서 설정하는 팝업이 아닌, index 페이지 로드시 띄우는 팝업을 만들고 있습니다.
기존의 그누보드 기본 팝업소스를 좀 활용해서 제작 했는데요,
팝업을 띄우고, 닫기 버튼 까지는 무난하나, '24시간 열람하지않기' 부분은 적용하기가 어렵네요.
아래에서 set_cookie 부분을 활용하고 싶은데, 잘 안되네요. 수정해야 할 부분 알려주시면 감사하겠습니다!
<script>
jQuery(document).ready(function() {
$('#branch_pop').show();
});
$(function() {
$("#branch_pop_reject").click(function() {
$('#branch_pop').css("display", "none");
set_cookie("#branch_pop", 1, exp_time, g5_cookie_domain);
});
$('#branch_pop_close').click(function() {
$('#branch_pop').css('display','none');
});
});
</script>
답변 1
1. 자바스크립트 사용할줄 아시면 쿠키로 브라우저에 저장 하시어 이용하시면 됩니다.
<!-- 레이어팝업시작 --
<script language="JavaScript">
function setCookieONE( name, value, expiredays ) {
var todayDate = new Date();
todayDate.setDate( todayDate.getDate() + expiredays );
document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
}
function closeWinONE() {
if ( document.notice_form.chkbox.checked ){
setCookieONE( "MlangLayer_CookieWindowONEWindow", "done" , 1 );
}
document.all['MlangLayer_CookieWindowONEWindow_div'].style.visibility = "hidden";
}
</script>
<div id="MlangLayer_CookieWindowONEWindow_div" style="position:absolute; left:0px; top:0px; z-index:200; visibility:hidden;">
<form name="notice_form">
<input type="checkbox" name="chkbox" value="checkbox" onclick="javascript:closeWinONE();">
오늘 하루 이 창을 열지 않음
</form>
</div>
<script language="Javascript">
cookiedata = document.cookie;
if ( cookiedata.indexOf("MlangLayer_CookieWindowONEWindow=done") < 0 ){
document.all['MlangLayer_CookieWindowONEWindow_div'].style.visibility = "visible";
}
else {
document.all['MlangLayer_CookieWindowONEWindow_div'].style.visibility = "hidden";
}
</script>
--레이어팝업끝 -->
2. php 을 아시면 mysql 에 저장값을 저장하여 이용하시면 됩니다.
3. 제이쿼리는 쿠키를 이용할수 있는 js을 제공 합니다.
jquery.cookie.js 파일을 이용하세요
/*!
* jQuery Cookie Plugin v1.4.1
* https://github.com/carhartl/jquery-cookie
*
* Copyright 2013 Klaus Hartl
* Released under the MIT license
* $.cookie('the_cookie'); //cookie취득
* $.cookie('the_cookie', 'the_value'); //cookie를 셋팅
* $.cookie('the_cookie', 'the_value', { expires: 7 }); //쿠키의 유효기간을 7일간으로 지정
* $.cookie('SearchActionBoxChickCookie', 'pensionsarang', { expires: 7 , path : '/'});
* $.cookie('the_cookie', '', { expires: -1 }); //cookie 삭제
* $.cookie('the_cookie', null); //cookie 삭제
*/
감사합니다^^