취소버튼 누를경우 하루동안 안보게 하고 싶은데...
본문
<div class="modal" style="margin:0 auto;width:990px;height:100px;">
<img src="'./image.png">
<a href="javascript:;" class="btn_close">X</a>
</div>
<script>
$(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();
</script>
현재 이렇게 X버튼(취소버튼)을 누르면 display:none이 되면서 닫기는 잘되는데
X버튼을 누를경우 오늘 하루동안 안보게 하고 싶은데.. 어떤걸 수정해야될까요..
답변 1
function getCookieMobile () {
var cookiedata = document.cookie;
if ( cookiedata.indexOf("todayCookier=done") < 0 ){
$(".modal").show();
}
else {
$(".modal").hide();
}
}
getCookieMobile();
이부분이 창을 닫는부분입니다.
그위가 쿠키 생성 부분인데요.
쿠키값을 한버 찍어보세요. 생성이 되는지 어떤값이 들어있는지
마지막줄에
alert(document.cookie);
</script>
이렇게 해보시고요.
한김에 다확인하려면
function setCookieMobile ( name, value, expiredays ) {
var todayDate = new Date();
todayDate.setDate( todayDate.getDate() + expiredays );
document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
alert(document.cookie); // 여기서도 찍어보고
}
function getCookieMobile () {
var cookiedata = document.cookie;
alert(document.cookie); // 여기서도 찍어보세요.
if ( cookiedata.indexOf("todayCookier=done") < 0 ){
$(".modal").show();
}
else {
$(".modal").hide();
}
}
3군대서 보여지는 값을 올려보세요.