Haga que el div muestre SOLAMENTE en la primera visita (¿cookies?)

Question

Sep 19, 2013, 10:52 PM

Haga que el div muestre SOLAMENTE en la primera visita (¿cookies?)

Estoy tratando de tener una pantalla div la primera vez que un usuario visita mi sitio. Estoy bastante seguro de que hago esto mediante el uso de cookies, con lo que tengo una experiencia limitada y me cuesta entenderlo. La mayoría de los tutoriales que he encontrado en línea solo hablan de que las cookies le piden al usuario que ingrese algo como un nombre, y que lo haga más tarde, lo cual no es lo que quiero. Simplemente quiero que la cookie compruebe si el usuario ha estado antes en mi sitio y, si no, muestra un div que normalmente está oculto.

Aquí hay algo que he intentado y no he podido ponerme a trabajar.

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 (no es realmente relevante ya que esto funciona bien):

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

Contenido relevante de scripts.js:

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

Y lo que asumo es el problema, el contenido de 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;
}

A mi entender, se supone que la cookie debe llamar a la función popbox3 () solo si el usuario no ha visitado, lo que cambiaría la visualización del div oculto. Pero a partir de ahora, nada está funcionando. Cualquier aclaración o ayuda aquí sería muy apreciada. Gracias por adelantado.