오늘하루 창 닫기 문의 드립니다.
본문
안녕하세요.
모달팝업으로 첫화면에
띄우고 있는데요
닫기 버튼은 있는데 "오늘하루닫기" 기능이 없어서
구글링 끝에 염치없이 여기다가 여쭤봅니다 ㅠ
쿠키제어해서 창을 닫으면 된다는건 아는데 도저히 적용방법을.....
소스는 아래와 같습니다.
<div id="myModal" class="modal">
<div class="modal-content">
<p style="text-align: center;">
<span style="font-size: 14pt;">
<b><span style="font-size: 24pt;"></span></b></span>
</p>
<!--내용-->
<p style="text-align: center; line-height: 1.5;"><br /><br /></p>
<div style="cursor:pointer;padding:10px 0;" onClick="close_pop();">
<span class="pop_bt" style="font-size: 13pt;" >
닫기
</span>
</div>
</div>
</div>
<script type="text/javascript">
jQuery(document).ready(function() {
$('#myModal').show();
});
function close_pop(flag) {
$('#myModal').hide();
};
</script>
힌트라도 주시면 대단히 감사하겠습니다!
답변 1
제가 사용하는 소스인데.. 응용해보세요..^^
<!--팝업-->
<script>
function getCookie( name ) {
var nameOfCookie = name + "=";
var x = 0;
while ( x <= document.cookie.length ) {
var y = (x+nameOfCookie.length);
if ( document.cookie.substring( x, y ) == nameOfCookie ) {
if ( (endOfCookie=document.cookie.indexOf( ";", y )) == -1 )
endOfCookie = document.cookie.length;
return unescape( document.cookie.substring( y, endOfCookie ) );
}
x = document.cookie.indexOf( " ", x ) + 1;
if ( x == 0 )
break;
}
return "";
}
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(pop_str) {
setCookie(pop_str, "done" , 1);
document.getElementById(pop_str).style.display='none';
}
</script>
<div id="pop_02" style="position:absolute; left:20%; top:30px; z-index:101; display:block; background-color:#aaaaaa;">
<div>
<div style="float:left; padding:5px 0px 0px 10px; background-color:#0b66ac; font-size:12px; font-weight:bold; color:#fff"><input type='checkbox' name='Notice' onClick="closeWin('pop_02');"> 오늘 하루 이 창을 열지 않음</div>
<div align="right" style="padding:5px 10px; background-color:#0b66ac; font-size:12px; font-weight:bold; color:#fff"><a href="javascript:;" onClick="document.getElementById('pop_02').style.display='none';">X 닫기</a></div>
</div>
</div>
<script>
if ( getCookie('pop_02') == 'done' ) {
document.getElementById('pop_02').style.display='none';
}
</script>
답변을 작성하시기 전에 로그인 해주세요.
