Guardar una cookie con jQuery con un valor y una duración determinada. Las cookies son archivos con una pequeña información enviada por una página web que se almacena en el navegador del usuario.
ARCHIVO HTML
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Guardar una cookie con jQuery - Generacionweb</title>
<link rel="stylesheet" href="css/style.css" />
<script src="https://code.jquery.com/jquery.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script src="js/script.js"></script>
</head>
<body>
<div class="content">
<h1>Guardar una cookie con jQuery</h1>
<p>La primera vez que carga la web, se guarda una cookie con duración de 1 día y saltará una alerta con el mensaje<br>
<strong>Cookie creada y guardada.</strong>.</p>
<br/>
<p>La segunda vez que entres en la web, si es en menos de 1 día desde la última vez que entraste, comprueba que existe la cookie y saldrá el mensaje : <br/>
<strong>Ya existe la cookie en el ordenador.</strong>.</p>
</div>
</body>
</html>ARCHIVO JQUERY
// JavaScript Document
$(document).ready(function() {
$(window).load(function(){
comprueba_cookies();
});
//COMPRUEBA COOKIES
var comprueba_cookies = function (){
if ($.cookie("MI_PRIMERA_COOKIE") != null) {
alert ("Ya existe la cookie en el ordenador.");
}else{
$.cookie('MI_PRIMERA_COOKIE', 'MI_COOKIE', { expires: 1 });
lacookie = $.cookie('MI_PRIMERA_COOKIE');
alert ("Cookie creada y guardada.");
}
}
});ARCHIVO CSS
/* CSS Document */
body{
background:#81d742;
margin:0;
}
.content{
width:1000px;
margin-top:50px;
min-height:600px;
background:#fff;
margin:0 auto;
padding:20px;
}
