Div NUR beim ersten Besuch anzeigen lassen (Cookies?)

Question

Sep 19, 2013, 10:52 PM

Div NUR beim ersten Besuch anzeigen lassen (Cookies?)

Ich versuche, eine Div-Anzeige zu erhalten, wenn ein Benutzer zum ersten Mal meine Website besucht. Ich bin mir ziemlich sicher, dass ich dazu Cookies verwende, mit denen ich nur begrenzte Erfahrung habe und die ich nur schwer verstehen kann. Die meisten Tutorials, die ich online gefunden habe, befassen sich nur mit der Frage, ob Cookies einen Benutzer zur Eingabe eines Namens auffordern und ihn später wieder aufrufen sollen, was ich überhaupt nicht möchte. Ich möchte lediglich, dass das Cookie überprüft, ob der Benutzer bereits auf meiner Website war, und andernfalls ein Div anzeigt, das normalerweise ausgeblendet ist.

Hier ist etwas, was ich versucht habe und nicht zur Arbeit kommen konnte.

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 (nicht wirklich relevant, da dies gut funktioniert):

#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;
    }

Relevanter Inhalt von scripts.js:

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

Und was ich annehme, ist das Problem, der Inhalt von 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;
}

Nach meinem Verständnis soll das Cookie die Funktion popbox3 () nur aufrufen, wenn der Benutzer sie nicht besucht hat, wodurch die Anzeige der versteckten div umgeschaltet würde. Aber bis jetzt funktioniert nichts. Jede Klarstellung oder Hilfe hier wäre sehr dankbar. Danke im Voraus.