Hola estoy tratando de crear el código que controlan el tiempo de validez de una sesion
, para que el navegador recuerde la web y no tenga que cargarla cada vez que la recargo, pero eso no di en un curso que hice.
He buscado información al respecto y con el código que cree veo que el navegador no recuerda la web.
He leído algo sobre los parámetros expires
y max-age
, pero no se ni como ni donde debo de colocarlas.
Muestro lo conseguido hasta ahora, pero que no hace la función que esperaba para que el navegador recuerde mi web.
Si pueden ayudarme, hay algún sitio donde pueda encontrar la forma de aprender a escribir el código y donde ponerlo, o explicarme como debo proceder. También me sugirieron que busque documentación de localStorage es nativo JS, pero he buscado y con lo que vi, no soy capaz de crear el código para conseguir que los navegadores recuerden la web. La cosa es que tarda mucho en cargar, y ya corregí los errores que tenia que hacia que fuera lenta. Y por mas que la abro una y otra vez, me vuelve a mostrar el mensaje de cookies y carga todo desde nuevo
Gracias.
function getCookie(c_name) {
var c_value = document.cookie;
var c_start = c_value.indexOf(" " + c_name + "=");
if (c_start == -1) {
c_start = c_value.indexOf(c_name + "=");
}
if (c_start == -1) {
c_value = null;
} else {
c_start = c_value.indexOf("=", c_start) + 1;
var c_end = c_value.indexOf(";", c_start);
if (c_end == -1) {
c_end = c_value.length;
}
c_value = unescape(c_value.substring(c_start, c_end));
}
return c_value;
}
function setCookie(c_name, value, exdays) {
var exdate = new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value = escape(value) + ((exdays == null) ? "" : "; expires=" + exdate.toUTCString());
document.cookie = c_name + "=" + c_value;
}
if (getCookie('tiendaaviso') != "1") {
document.getElementById("cookies").style.display = "block";
}
function PonerCookie() {
setCookie('tiendaaviso', '1', 365);
document.getElementById("cookies").style.display = "none";
}
#cookies {
background-color: #333;
display:none;
position:fixed;
left:0px;
right:0px;
bottom:0px;
padding-bottom:60px;
width:100%;
text-align:center;
min-height:40px;
background-color: rgba(0, 0, 0, 0.5);
color:#fff;
z-index:99999;
}
.inner {
width:100%;
position:absolute;
padding-left:5px;
font-family:verdana;
font-size:12px;
top:30%;
}
.inner a.ok {padding:4px;color:#00ff2e;text-decoration:none;}
.inner a.info {padding-left:5px;text-decoration:none;color:#faff00;}
<!DOCTYPE html>
<html lang="es">
<head>
<title>cokies</title>
</head>
<body>
<div id="cookies">
<div class="inner">
Esta web utiliza cookies como datos estadísticos de su navegació
Si continúa navegando consideramos que acepta el uso de cookies.
<a href="javascript:void(0);" class="ok" onclick="PonerCookie();">
<b>OK</b>
</a> |
<a href="politica-cookies.html" target="_blank" class="info">Más información</a>
</div>
</div>
</body>
</html>