본문 바로가기

퍼블리싱/jQeury, Javascript

레이어팝업창 오늘 하루만 보기

작년에 사용한 것 정리

HTML
<!-- 레이어 팝업 -->
<div id="layer-popup">
    <a href="javascript:changePage();" title="주문하러가기"><img src="이미지주소" alt="해당이미지내용"></a>
    <div class="close-bar">             
        <form name="form1" method="post" action="">
            <span class="left"><input type="checkbox" name="popup" title="오늘 다시 보지 않기" />오늘 다시 보지 않기</span>
            <a href="javascript:closeLayer();" title="닫기" class="right">닫기</a>
        </form>
    </div>
</div>
<!-- // 레이어 팝업 -->

JQUEY / SCRIPT
 // Popup
       if(getCookie("pop_kimjangkimchi") != "done" ){  // pop_kimjangkimchi가 설정안되어있으면 보여주기
            $("div#layer-popup.embed").show();
       }

       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 closeLayer(){ // 오늘하루보기가 체크 유무에 따른 쿠기 설정
            if (document.form1.popup.checked){setCookie("pop_kimjangkimchi", "done" ,1);}          
            $("div#layer-popup").hide(); 
        }

        function changePage() {  //만약 주문하기를 바로 눌렀을때           
            location.href="해당주소";
            $("div#layer-popup").hide(); 
        }