오늘하루 창 닫기 문의 드립니다. 채택완료
다나한포션
7년 전
조회 2,399
안녕하세요.
모달팝업으로 첫화면에
띄우고 있는데요
닫기 버튼은 있는데 "오늘하루닫기" 기능이 없어서
구글링 끝에 염치없이 여기다가 여쭤봅니다 ㅠ
쿠키제어해서 창을 닫으면 된다는건 아는데 도저히 적용방법을.....
소스는 아래와 같습니다.
</p>
<p> <div id="myModal" class="modal">
<div class="modal-content">
<p style="text-align: center;"></p>
<p> <span style="font-size: 14pt;"></p>
<p> <b><span style="font-size: 24pt;"></span></b></span></p>
<p> </p></p>
<p> <!--내용-->
<p style="text-align: center; line-height: 1.5;">
</p>
<div style="cursor:pointer;padding:10px 0;" onClick="close_pop();">
<span class="pop_bt" style="font-size: 13pt;" >
닫기
</span>
</div>
</div>
</div></p>
<p>
<script type="text/javascript">
jQuery(document).ready(function() {
$('#myModal').show();
});
function close_pop(flag) {
$('#myModal').hide();
};
</script></p>
<p> </p>
<p>
힌트라도 주시면 대단히 감사하겠습니다!
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
채택된 답변
+20 포인트
7년 전
제가 사용하는 소스인데.. 응용해보세요..^^
</p>
<p><!--팝업--></p>
<p><script></p>
<p>function getCookie( name ) {</p>
<p> var nameOfCookie = name + "=";</p>
<p> var x = 0;</p>
<p> while ( x <= document.cookie.length ) {</p>
<p> var y = (x+nameOfCookie.length);</p>
<p> if ( document.cookie.substring( x, y ) == nameOfCookie ) {</p>
<p> if ( (endOfCookie=document.cookie.indexOf( ";", y )) == -1 )</p>
<p> endOfCookie = document.cookie.length;</p>
<p> return unescape( document.cookie.substring( y, endOfCookie ) );</p>
<p> }</p>
<p> x = document.cookie.indexOf( " ", x ) + 1;</p>
<p> if ( x == 0 )</p>
<p> break;</p>
<p> }</p>
<p> return "";</p>
<p>}</p>
<p>function setCookie( name, value, expiredays ) {</p>
<p> var todayDate = new Date();</p>
<p> todayDate.setDate( todayDate.getDate() + expiredays );</p>
<p> document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"</p>
<p>}</p>
<p> </p>
<p>function closeWin(pop_str) {</p>
<p> setCookie(pop_str, "done" , 1);</p>
<p> document.getElementById(pop_str).style.display='none';</p>
<p>}</p>
<p></script></p>
<p> </p>
<p><div id="pop_02" style="position:absolute; left:20%; top:30px; z-index:101; display:block; background-color:#aaaaaa;"></p>
<p><div></p>
<p><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></p>
<p><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></p>
<p></div></p>
<p></div></p>
<p> </p>
<p><script></p>
<p>if ( getCookie('pop_02') == 'done' ) {</p>
<p> document.getElementById('pop_02').style.display='none';</p>
<p>}</p>
<p></script></p>
<p>
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인