Les cookies

Qu'est-ce que c'est?

Les cookies permettent au browser de stocker des informations de manière à pouvoir les récupérer lors de la prochaine viste.
Il faut bien se rappeler que les cookies sont stockés sur votre ordinateur et pas sur le serveur.

Exemples d'éléments à mettre dans un cookie :

Comment cela fonctionne?

L'objet qui permet de lire les cookies est "document.cookie". Si un cookie est présent, son contenu sera automatiquement mis dans cet objet.
Les cookies ont un paramètre obligatoire : nom=valeur.
Par défaut, le cookie dure le temps de la session sauf si vous mettez une date d'expiration : expires=date. La date doît être convertie en utilisant l'heure de Greenwich grâce à la méthode toGMTString.
Tous les paramètres d'un cookie sont séparés par un point-virgule (;).
Exemple : nom=valeur;expires=date

Le code

Pour utiliser les cookies, vous devez avoir 3 fonctions :

  1. une fonction qui crée le cookie : setCookie
  2. une fonction qui lit les informations du cookie : getCookie
  3. une fonction qui efface le cookie : delCookie
<script LANGUAGE="JavaScript">
<!--

function setCookie(nom, valeur, jours){
//nom est le nom du cookie
//valeur est la valeur a stocker
//jours est le nombre de jours avant l'expiration du cookie

  var expireDate = new Date();
  expireDate.setTime(expireDate.getTime() + (jours * 24 * 3600 * 1000));
//création du cookie
  document.cookie = nom + "=" + escape(valeur) + ";expires=" +
    expireDate.toGMTString();
}

function getCookie(nom){
//on vérifie si il y a un cookie
  if (document.cookie.length > 0){
    debut = document.cookie.indexOf(nom + "=");
    //on vérifie si la valeur qu'on recherche est dans le cookie
    if (debut != -1) //!= veut dire différent
    {
      debut += nom.length + 1;
      fin = document.cookie.indexOf(";", debut);
      if (fin == -1) fin = document.cookie.length;
      return unescape(document.cookie.substring(debut, fin));
    }
  }
  return null;
  //la valeur n'a pas été trouvée...
}

function delCookie(nom){
  if (getCookie(nom)){
    document.cookie = nom + "=;expires=Thu, 01-Jan-70 00:00:01 GMT";
    //en mettant cette date, le cookie sera désactivé
  }
}
//-->
</script>

 

Calculer le temps de lecture d'une pageRetour à la page JavaScriptDate de dernière modification