생활
쇼핑몰에서 팝업창 하루 안보기 체크 관련 소스는 어떻게 되나요?
쇼핑몰 메인 페이지에서 팝업창 노출시 하루 안보기 소스 알고싶습니다.
해당소스와 코딩 알고싶습니다
하는방법 아시는 분 올려주세요
2개의 답변이 있어요!
아래와 같이 해보시면 될꺼 같네요
[HTML]
<div class="modal"> <a href="javascript:;" class="btn_close">오늘하루열지않음</a> </div>
[JS]
$(document).ready(function () { $(".modal .btn_close").click(function () { setCookieMobile( "todayCookie", "done" , 1); $(".modal").hide(); }); }); function setCookieMobile ( name, value, expiredays ) { var todayDate = new Date(); todayDate.setDate( todayDate.getDate() + expiredays ); document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";" } function getCookieMobile () { var cookiedata = document.cookie; if ( cookiedata.indexOf("todayCookier=done") < 0 ){ $(".modal").show(); } else { $(".modal").hide(); } } getCookieMobile();
웹상의 팝업창 제어는 일반적으로 Cookie나 localStorage 를 이용해 정보를 저장하고
JavaScript 를 통해 제어합니다.
HTML 만을 통해서 쿠키를 제어할 수는 없습니다.
어떤식으로 제어되는가.
웹 Cookie는 사용하는 브라우저를 통해 임시로 데이터를 저장 할 수 있는 하나의 공간입니다.
또한 Cookie에는 시작시간과 만료시간을 저장 할 수 있습니다.
이러한 특성을 활용해 Cookie에 제한시간을 설정하고 저장하여
팝업창 노출 여부를 설정 할 수 있습니다.
이러한 Cookie 제어하는데 주로 JavaScript가 사용됩니다.
Cookie 를 제어하기 위한 JavaScript소스는 링크를 통해 자세하게 배우실 수 있습니다.