Sonido
CSS
Dreamweaver
Ridiculeces
Artículos
Site Check
JavaScript


 


Aviso:
Me he trasladado a:
http://www.tecnorama.org
(con algunos de estos contenidos y otros nuevos)

Utilizar cookies (sin pasarse)

(Si utilizas Dreamweaver, lo tienes más fácil: hay una extensión para manejarlas)

Bájate desde aquí el archivo cookies.js. Lo puedes enlazar directamente a tu página copiándolo en la misma carpeta y escribiendo en el <HEAD> del documento:
<SCRIPT src="cookies.js" type=text/javascript></SCRIPT>

Ante todo, indicar que este tutorial está orientado a la gente que no ha utilizado una cookie en su vida, aunque la gente con un poco de experiencia encontrará útiles alguna de las funciones proporcionadas, sobre todo CrearCookie(), LeerCookie() y BorrarCookie()

El uso de cookies permite almacenar datos o valores que podamos necesitar en próximas sesiones del navegador.

-Supongamos que tenemos un cuadro de texto en el que el usuario tiene que introducir su nombre para acceder a otra zona. Podemos facilitarle el trabajo almacenando su nombre de usuario en una cookie, para que cuando vuelva a visitarnos aparezca ya colocado.

-Otra posibilidad: estamos haciendo un carrito de compra y queremos ir almacenado los productos hasta llegar a la zona de confirmación. Los pasos serían:

  1. ir almacenando en cookies los productos
  2. leer las cookies en la página de confirmación.

Pues bien, copiando este código tendréis acceso al uso de las cookies en vuestras páginas. Tan sólo tendréis que preocuparos de introducir los valores correctamente y acordaros del nombre que habéis dado a la cookie.

Las funciones que vamos a utilizar son 3:

CrearCookie (nombre,valor,caduca):
Como su nombre indica, fabricará la cookie con los 3 parámetros que introduzcamos entre los paréntesis, que son:

  • nombre: el nombre que daremos a la cookie para identificarla.
  • valor: lo que nos va a guardar, por ejemplo un nombre de usuario, una dirección de correo.
  • caduca: el tiempo (en días) que queremos que la cookie esté en uso. Cuando se cumpla el plazo, la cookie desaparecerá. Podría parecer que cuanto más dure mejor, pero tened en cuenta que los navegadores imponen un número máximo de cookies por sitio, por lo que si vais a utilizar muchas, es mejor que duren el tiempo imprescindible (si es para pasar datos entre páginas, un día es suficiente. O, por ejemplo, en el Script que vimos de ventana que sólo se abre una vez, el tiempo no deberías ser 440 días entre apertura y apertura...)

Un ejemplo de cómo quedaría la llamada a la función sería:

CrearCookie("usuario","Tecnorama",7)

Esto crearía una cookie llamada usuario, que guardaría el nombre Tecnorama durante 7 días.(posteriormente veremos algún truco para que veáis cómo se puede mejorar su uso).


LeerCookie(nombre):
Lógicamente, si guardamos un valor es para recuperarlo. Esta función se encarga de recuperarlo. Si por ejemplo escribiera:

LeerCookie("usuario")

La cookie me devolvería "Tecnorama" (¿a dónde me lo devolvería? Lo veremos enseguida en los ejemplos, de momento quedaros en cómo debeis escribirlo)


BorrarCookie(nombre).
Permite borrar la cookie sobre la marcha, sin necesidad de tener que esperar a que pase la fecha de caducidad, así:

BorrarCookie("usuario")

borraría la cookie que contiene el valor Tecnorama

Bueno, y ahora el código:

 

 

>>>Veamos un ejemplo sencillo>>>