SIR
목록으로

오늘하루 창 닫기 문의 드립니다. 채택완료

다다나한포션
프로필 보기이 회원 글보기이 회원의 댓글보기
 7년 전 조회 2,450
답변 1
목록

안녕하세요.

모달팝업으로 첫화면에

띄우고 있는데요

닫기 버튼은 있는데 "오늘하루닫기" 기능이 없어서

구글링 끝에 염치없이 여기다가 여쭤봅니다 ㅠ

쿠키제어해서 창을 닫으면 된다는건 아는데 도저히 적용방법을.....

 

소스는 아래와 같습니다.

 

Copy 
<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>

 

힌트라도 주시면 대단히 감사하겠습니다!

#그누보드5

답변 1개

채택된 답변
+20 포인트

제가 사용하는 소스인데.. 응용해보세요..^^

Copy 
<!--팝업-->

<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>

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고