팝업 24시간동안 보지않기 적용

팝업 24시간동안 보지않기 적용

QA

팝업 24시간동안 보지않기 적용

답변 1

본문

안녕하세요.

관리자에서 설정하는 팝업이 아닌, 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 삭제
 */

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 21
© SIRSOFT
현재 페이지 제일 처음으로