2

Tengo un div con un mensaje, que deseo que se muestre solo cuando un visitante entra por primera vez a la pagina, si entra por segunda vez no se muestre. Tengo este codigo que encontre pero no funciona

var mensaje = document.cookie.split('mensaje=')[1]; // obtenemos la cookie "mensaje"
if(mensaje != null) // si la cookie está definida
    document.getElementById('mensaje').style.display = 'none';  // ocultamos el div#mensaje
else // si no está definida la cookie
    document.cookie = 'mensaje=visto;path=/'; // la agregamos
#mensaje {
padding:20px;text-align:center;font-family:sans-serif;background-color:#FFD7D7;
}
<div id="mensaje">
    Prueba. Entraste por primera vez 
</div>

2
  • Qué es lo que no funciona en el código? por curiosidad..
    – Dev. Joel
    el 7 jun. 2017 a las 1:16
  • @Dev.Joel Cuando visito la pagina por segunda vez, sigue apareciendo el mensaje
    – Daniel
    el 7 jun. 2017 a las 1:30

2 respuestas 2

2
<div id="mensaje" style="display:none;">
   Prueba. Entraste por primera vez 
 </div>

Utiliza el localStorage de la siguiente forma.

// verifica que el localStorage sea null para mostrar el mensaje
if( !localStorage.getItem('ingreso') ){

    document.getElementById('mensaje').style.display= 'block';
    // estableces el localstorage en 1 para que no se vuelva a cumplir la condicion
    localStorage.setItem('ingreso',1); 

} else {
    document.getElementById('mensaje').style.display= 'none';
}

Solo usa el código de la forma que mejor te parezca y así podrás tener la

0
0

puedes usar este código solo dura lo mismo que la secion usando kookie .

$(document).ready(function() {
  jQuery(function() {
    var getCookie = function(cname) {
        var name = cname + "=",
          ca = document.cookie.split(/;\s*/g);
        for (var i = 0; ca.length > i; i++) {
          var c = ca[i];
          while (c.charAt(0) == " ") c = c.substring(1);
          if (c.indexOf(name) == '0') return c.substring(name.length, c.length);
        }
        return "";
      },
      curr = new Date().toLocaleDateString(),
      last = getCookie("mensaje1");
    if (last != curr) {
      setTimeout(function() {
        document.cookie = "mensaje1=" + curr;
        last = curr;
      }, 300);
      $('#mensaje').show();
    } else {
      $('#mensaje').hide();
    };
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="mensaje">
  Prueba. Entraste por primera vez
</div>

2
  • Muchas gracias por tu respuesta. Para los que somos novatos y los que tengan un problema similar, nos seria de utilidad explicar un poco el codigo
    – Daniel
    el 9 jun. 2017 a las 5:29
  • :( no me funciona
    – Daniel
    el 9 jun. 2017 a las 5:42

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.