Ter display div apenas na primeira visita (cookies?)

Question

Sep 19, 2013, 10:52 PM

Ter display div apenas na primeira visita (cookies?)

Estou tentando ter uma exibição div na primeira vez que um usuário visita meu site. Tenho certeza que eu faço isso usando cookies, que eu tenho pouca experiência com e tenho dificuldade em entender. A maioria dos tutoriais que eu encontrei on-line apenas fala sobre ter cookies para que um usuário insira algo como um nome, e faça com que ele seja recuperado mais tarde, o que não é o que eu quero de forma alguma. Eu simplesmente quero que o cookie verifique se o usuário esteve em meu site antes e, se não, exiba um div que normalmente está oculto.

Aqui está algo que eu tentei e não consegui trabalhar.

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 (não é relevante, pois isso funciona bem):

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

Conteúdo relevante de scripts.js:

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

E o que eu suponho é o problema, o conteúdo do 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;
}

Pelo que entendi, o cookie deveria estar chamando a função popbox3 () somente se o usuário não tivesse visitado, o que alteraria a exibição do div oculto. Mas a partir de agora, nada está funcionando. Qualquer esclarecimento ou ajuda aqui seria muito apreciado. Desde já, obrigado.