Czy wyświetlaj div TYLKO przy pierwszej wizycie (pliki cookie?)

Question

Sep 19, 2013, 10:52 PM

Czy wyświetlaj div TYLKO przy pierwszej wizycie (pliki cookie?)

Staram się wyświetlać div po raz pierwszy, gdy użytkownik odwiedza moją witrynę. Jestem prawie pewien, że robię to za pomocą plików cookie, z którymi mam ograniczone doświadczenie i mam trudności ze zrozumieniem. Większość tutoriali, które znalazłem w Internecie, mówi tylko o tym, że ciasteczka podpowiadają użytkownikowi, aby wprowadził coś takiego jak imię, i niech przypomni sobie je później, co nie jest tym, czego chcę. Po prostu chcę, aby plik cookie sprawdzał, czy użytkownik był wcześniej na mojej stronie, a jeśli nie, wyświetla div, który jest zwykle ukryty.

Oto coś, czego próbowałem i nie udało mi się dostać do pracy.

HTML:

<head>
   <script type="text/javascript" src="annoy.js"></script>
   <script type="text/javascript" src="scripts.js"></script>
</head>

...
<body>
    <div id="overbox3">
         <div id="infobox3">
              <p>This is the cookie box</p>
              <br />
              <p>it should only show once </p>
              <br/><br/>
         </div><!-- end infobox3 --> 
    </div> <!-- end overbox3 -->
</body>

CSS (nie ma znaczenia, ponieważ działa poprawnie):

#overbox3 {
         position: fixed;
         top: 0px;
         left: 0px;
         width: 100%;
         height: 100%; 
         background: rgba(64, 64, 64, 0.5);
         z-index: 999999;
         display: none;
    }

    #infobox3 {
        margin: auto;
        position: absolute;
        left: 35%;
        top: 20%;
        height: 300px;
         width: 400px;
        background-color: white;
        border: 1px solid red;
    }

Odpowiednia treść scripts.js:

function popbox3() {
    $('#overbox3').toggle();
}

Zakładam, że problem polega na zawartości annoy.js:

    function GetCookie(name) {
        var arg=name+"=";
        var alen=arg.length;
        var clen=document.cookie.length;
        var i=0;

        while (i<clen) {
            var j=i+alen;
                if (document.cookie.substring(i,j)==arg)
                    return "here";
                i=document.cookie.indexOf(" ",i)+1;
                if (i==0) 
                    break;
        }

        return null;
    }

    var visit=GetCookie("COOKIE1");

    if (visit==null){
    var expire=new Date();

    popbox3();

    expire=new Date(expire.getTime()+7776000000);
    document.cookie="COOKIE1=here; expires="+expire;
}

Z mojego zrozumienia, ciasteczko ma wywoływać funkcję popbox3 () tylko wtedy, gdy użytkownik nie odwiedził, co przełączy wyświetlanie ukrytego div. Ale na razie nic nie działa. Wszelkie wyjaśnienia lub pomoc tutaj byłyby bardzo mile widziane. Z góry dziękuję.