테스트 사이트 - 개발 중인 베타 버전입니다

체크박스 없이 닫기를 누르면 종료하기 채택완료

허당빵 5년 전 조회 2,233

안녕하세요?

새해 복 많이 받으십시오~^^)

 

다음의 것을

[닫기]

 

다음처럼 checked 하면 자동으로 체크가 되고 [닫기]만 누르면 24시간 동안 나타나지 않습니다.

checked> [닫기]

 

위의 것을 체크박스는 나타나지 않게 하고 [닫기]만 나타나게 하면서 [닫기]를 누르면 24시간 동안 그만 보게 하려면 어떻게 해야 좋은지요~

사실상 체크박스 있는 것이 큰 의미가 없는 것 같아서요~

참고로, 전체적인 소스는 아래와 같습니다.

--- 아 래 (상단 띠배너) ---

 

</strong></p>

<p><style type="text/css">

<!--

    body {font-size:11pt; padding:0; margin:0;}

    h3 {color: #85144b; font-size: 14pt;}</p>

<p>    #promotionBanner {width: 100%; height: 50px; background-color:#2c68b0; color: #f1f1f1; overflow: hidden}

    .popContents {width: 1050px; margin: 0 auto; padding: 0; overflow: hidden; text-align: center;}

    .popClose {width: 1050px; marign: 0 auto; text-align: center; font-size: 9pt; padding: 0;}

    #chkday {color: #ccc;}

    label[for=chkday] { cursor: pointer; color: #ccc; padding-right: 10px;}</p>

<p>    .contents {width: 1050px; margin: 0 auto; height: 50px; background-color: #e0e0e0; overflow: hidden; padding: 20px;}

//-->

</style>

<script src="<?php echo G5_JS_URL ?>/jquery.min.js"></script></p>

<p><script language="JavaScript">

<!--

    //쿠키저장 함수

    function setCookie( name, value, expiredays ) { 

        var todayDate = new Date(); 

        todayDate.setDate( todayDate.getDate() + expiredays ); 

        document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";" 

    }</p>

<p>    $(document).ready(function(){

        $("#promotionBanner .btnClose").click(function(){

            //오늘만 보기 체크박스의 체크 여부를 확인 해서 체크되어 있으면 쿠키를 생성한다.

            if($("#chkday").is(':checked')){

                setCookie( "topPop", "done" , 1 ); 

                //alert("쿠키를 생성하였습니다.");

            }

            //팝업창을 위로 애니메이트 시킨다. 혹은 slideUp()

            //$('#promotionBanner').animate({height: 0}, 500);

            $('#promotionBanner').slideUp(500); 

        });

    });</p>

<p>//-->  

</script></p>

<p><!-- Layer POPUP 

<div id="promotionBanner">

    <div class="popContents">

    <table border="0" cellspacing="0" cellpadding="0">

    <tr>

    <td height="7"></td>

    </tr>

    </table>

        <div class="popClose">

        <font style="color:#fff;font-weight:bold;font-size:17px;">새해 복 많이 받으십시오~^^)</font>

              

        <input type="checkbox" value="checkbox" name="chkbox" id="chkday"><label for="chkday">오늘 그만 보기</label>

        <a href="#none" class="btnClose"><font style="color:#ccc">[닫기]</font></a>

        </div>

    </div>

</div>  </p>

<p><script language="Javascript">

    //저장된 해당 쿠키가 있으면 창을 안 띄운다 없으면 띄운다.

    cookiedata = document.cookie;    

    if ( cookiedata.indexOf("topPop=done") < 0 ){      

        document.all['promotionBanner'].style.display = "block";

        } 

    else {

        document.all['promotionBanner'].style.display = "none"; 

    }

</script>

 Layer Popup END --></p>

<p><strong>

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

답변 2개

채택된 답변
+20 포인트
5년 전

</p>

<p><code><input type=</code><code>"checkbox"</code> <code>value=</code><code>"checkbox"</code> <code>name=</code><code>"chkbox"</code> <code>id=</code><code>"chkday"</code><code>><label </code><code>for</code><code>=</code><code>"chkday"</code><code>>오늘 그만 보기</label></code></p>

<p><code>

이걸 없애고

</p>

<p>if($("#chkday").is(':checked')){    <== 삭제</p>

<p>   setCookie( "topPop", "done" , 1 );</p>

<p>  //alert("쿠키를 생성하였습니다.");</p>

<p>}                                   <== 삭제</p>

<p>

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

답변에 대한 댓글 1개

허당빵
5년 전
감사합니다. 잘 됩니다.
실력이 일천하여 간단한 것도 잘 모릅니다....ㅜ

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

감사합니다 ^^

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

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

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

로그인