Introduzca su nombre:
Diseñar Cookie
<script language="JavaScript"> // Portal Fuenterrebollo - Santiago de la Fuente // Indice indica el comienzo del valor function CojerValorCookie(indice) { var galleta = document.cookie //Busca el valor, 'dado por ;' a partir del Indice var finDeCadena = galleta.indexOf(";", indice) // Si no existe el ;, el final del valor lo marca la longitud total del Cookie if (finDeCadena == -1) finDeCadena = galleta.length return unescape(galleta.substring(indice, finDeCadena)) } function CojerCookie(nombre) { var galleta = document.cookie // Construye la cadena con el nombre del valor var arg = nombre + "=" // longitud del nombre del valor var alen = arg.length // longitud de la Cookie var glen = galleta.length var i = 0 while (i < glen) { // posiciona la j al final del nombre del valor var j = i + alen // Si en la Cookie estamos en el nombre del valor if (galleta.substring(i, j) == arg) // Devuelve el valor, que esta a partir de la j return CojerValorCookie(j) // pasa al siguiente i = galleta.indexOf(" ", i) + 1 if (i == 0) // Fin de la Cookie break } // no se encuentre el nombre del valor return null } function GuardarCookie (nombre, valor, caducidad) { if(!caducidad) caducidad = Caduca(0) //Crea la Cookie: nombre, caducidad y ruta donde esta guardada document.cookie = nombre + "=" + escape(valor) + "; expires=" + caducidad + "; path=/" } function Caduca(dias) { // toma la fecha actual var hoy = new Date() //pasa los días a mseg var msEnXDias = eval(dias) * 24 * 60 * 60 * 1000 // fecha caducidad=actual+caducidad hoy.setTime(hoy.getTime() + msEnXDias) return (hoy.toGMTString()) } function BorrarCookie(nombre) { // Borrar la Cookie: se le pone una fecha del pasado mediante Caduca(-1) document.cookie = nombre + "=; expires=" + Caduca(-1) + "; path=/" } function IntroducirCookie(nombre) { // fecha de caducidad en 31 días var _31dias = Caduca(31) if (nombre != "") GuardarCookie("Nombre", nombre, _31dias) } function MostrarCookie(nombre, formulario) { if(CojerCookie(nombre) != null) formulario.nombre.value = CojerCookie(nombre) } </script>
Entre <body> y </body>
<!-- Para que al cargar la página muestre la cookie --> <body onLoad="MostrarCookie('Nombre', document.cookies)"> <!-- Para visualizar el formulario --> <form name="cookies"> <div align="left"> <p>Introduzca su nombre:<input type="text" name="nombre" size="17"></p> </div> <div align="left"> <p><input type="reset" value="Borrar Formulario" name="boton_borrar"></p> </div> <div align="left"> <p><input type="button" value="Guardar Nombre" name="boton_guardar" onClick="IntroducirCookie(cookies.nombre.value)"></p> </div> <div align="left"> <p><input type="button" value="Borrar Cookie" name="boton_borrarcookie" onClick="BorrarCookie('Nombre')"></p> </div> </form>