상단띠배너 24시간닫기 관련 질문입니다

상단띠배너 24시간닫기 관련 질문입니다

QA

상단띠배너 24시간닫기 관련 질문입니다

답변 2

본문

메인, 서브페이지, 게시판, 로그인 페이지 전부 같은 head.php 파일을 사용하고 있는데

서브페이지에서 상단띠배너 X버튼을 클릭해서 닫으면 쿠키가 생성되며 다시 열리지 않는데 게시판/로그인 페이지는 쿠키가 생성이 안되어있어 띠배너가 나타납니다.

이후 게시판/로그인 페이지에서 띠배너를 닫아야지만 쿠키가 생성되며 다시 열리지 않습니다.

 

서브페이지와 게시판/로그인 페이지가 쿠키를 공유하지 않는것같은데 해결방법이 없을까요?

 

 


<!--헤드팝 스크립트-->
    <!--X버튼 클릭시 24시간 이후 다시 뜨게-->
    <script>
        // 쿠키 가져오기
        var getCookie = function (cname) {
            var name = cname + "=";
            var ca = document.cookie.split(';');
            for(var i=0; i<ca.length; i++) {
                var c = ca[i];
                while (c.charAt(0)==' ') c = c.substring(1);
                if (c.indexOf(name) != -1) return c.substring(name.length,c.length);
            }
            return "";
        }
        // 24시간 기준 쿠키 설정하기  
        var setCookie = function (cname, cvalue, exdays) {
            var todayDate = new Date();
            todayDate.setTime(todayDate.getTime() + (exdays*24*60*60*1000));    
            var expires = "expires=" + todayDate.toUTCString(); // UTC기준의 시간에 exdays인자로 받은 값에 의해서 cookie가 설정 됩니다.
            document.cookie = cname + "=" + cvalue + "; " + expires;
        }
        var couponClose = function(){
            setCookie("close","Y",1);   //기간( ex. 1은 하루, 7은 일주일)
            $(".headpop").hide();
            $(".headpop_x_bnt").hide();
            $(".headpop").animate({opacity:0,width:"0%",height:"0%"});
            $("#hd").animate({margin:"0"});
        }
        
        $(document).ready(function(){
            var cookiedata = document.cookie;
            if(cookiedata.indexOf("close=Y")<0){
                $(".headpop").show();
                $(".headpop_x_bnt").show();
                $("#hd").css({marginTop:"12.7%"});
            }else{
                $(".headpop").hide();
                $(".headpop_x_bnt").hide();
            }
            $(".headpop_x_bnt").click(function(){
                couponClose();
            });                   
        });
    </script>
    
    <!--헤드팝 스크립트-->
    <a href="javascript:void()">
        <img class="headpop_x_bnt" src="../img/close_btn.gif" alt="" style="position:fixed;z-index:100000001;top:20px;right:20px;width:1.5%;filter: brightness(40%);display:none;" title="">
    </a>
    <a href="../sub/0202.php">
        <img src="../img/headpop.png" class="headpop" alt="" style="width:100%;height:auto;position:fixed;top:0;z-index:9999;display:none;">
    </a>

<div id="hd" style="position:relative;width:100%;z-index:1000;top:0;"></div>

이 질문에 댓글 쓰기 :

답변 2

이런 배너요!!

 

thumb-3034580510_1646918905.2515_320x588.jpg

쿠키는 제이쿼리 쿠키 있어요 그거 써보세요
https://dullyshin.github.io/2019/09/10/WEB-CookiesMakeDel/
직접 만든것보다 이걸로 하면 응용하면 되요
조건문 if($,cookie('test') == "on") {}
여기서 쿠키 값은 on으로 해두고 하면되요
클릭하면 체크박스가 체크된상태면 쿠키 생성
반대로 없으면 삭제 이렇게 간단하게 넣으시면 됩니다.
(쿠키 생성과 삭제 할적에 쇼 와 하이드로 넣어주면 바로바로 동작해요)

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 129,102
© SIRSOFT
현재 페이지 제일 처음으로