Les COOKIES et JavaScript

Disons, en deux mots, que la page Web donne l'ordre au navigateur d'écrire ou de lire sur votre PC dans un fichier particulier (on ne peut pas faire n'importe quoi quand même sans l'accord du visiteur !...) et qu'elle analyse ensuite ou met à jour les informations de ce fichier.

  1. Ecrire un cookie nécessite de transmettre au moins deux informations :
    • Le nom du cookie ;
    • La valeur du cookie .

    Pour ce faire, on utilisera la fonction suivante :

    <script language="JavaScript">
         function setCook(nom,valeur) {
            document.cookie = nom + "=" + escape(valeur)
            }
    //--></script>

    Il durera alors le temps de la session internet, pratique pour stocker la langue du visiteur ou une option particulière qu'il aura choisie...

    Si l'on veut récupérer un cookie d'une session à une autre, pour reconnaître le visiteur par exemple, il faut indiquer en plus une durée de vie du cookie... avec la fonction suivante par exemple :

    <script language="JavaScript">
         function setCook2(nom,valeur,jours) {
            var expDate = new Date()
            expDate.setTime(expDate.getTime() + (jours * 24 * 3600 * 1000))
            document.cookie = nom + "=" + escape(valeur)
                + ";expires=" + expDate.toGMTString()
            }
    //--></script>


  2. Détruire un cookie est utile parfois, afin de permettre qu'un autre utilisateur du même poste puisse se connecter sans accéder aux infos perso du premier !

    Il suffit de vider le cookie et de reculer sa date de validité à la veille du jour de la session :

    <script language="JavaScript">
         function delCook(nom) { setCook2(nom,"",-1) }
    //--></script>


  3. Lire un cookie enfin, c'est le but principal, pour transmettre facilement des paramètres de page en page, ou de session en session !...

    <script language="JavaScript">
         function getCook(nom) {
            deb = document.cookie.indexOf(nom + "=")
            if (deb >= 0) {
                deb += nom.length + 1
                fin = document.cookie.indexOf(";",deb)
                if (fin < 0) fin = document.cookie.length
                return unescape(document.cookie.substring(deb,fin))
                }
            return ""
            }
    //--></script>


  4. Exemple

    handlecook.html 
    <script language="JavaScript"><!--

       function cre_cook0(nom,contenu) {
          document.cookie = nom + "=" + escape(contenu)
          }
         
       function cre_cook(nom,contenu,jours) {
          var expireDate = new Date();
          expireDate.setTime(expireDate.getTime() + jours*24*3600*1000);
          document.cookie = nom + "=" + escape(contenu)
             + ";expires=" + expireDate.toGMTString();
          }
         
       function lit_cook(nom) {
          var deb,fin
          deb = document.cookie.indexOf(nom + "=")
          if (deb >= 0) {
             deb += nom.length + 1
             fin = document.cookie.indexOf(";",deb)
             if (fin < 0) fin = document.cookie.length
             return unescape(document.cookie.substring(deb,fin))
             }
          return ""
          }
         
       function tue_cook(nom) { cre_cook(nom,"",-1) }

       function askCook(nom) {
          c=prompt("Mettre dans le cookie :","")
          cre_cook0(nom,c)
          }

       function litCook(nom) {
          c=lit_cook(nom)
          if(c=="") alert("Le cookie est vide !")
          else alert("Le cookie vaut : "+c)
          }

    --></script>

    <FORM>
       <table><tr>
          <td><INPUT onclick=askCook('test') type=button value="Créer le cookie"></td>
          <td><INPUT onclick=litCook('test') type=button value="Lire le cookie"></td>
          <td><INPUT onclick="tue_cook('test')" type=button value="Effacer le cookie"></td>
       </tr></table>
    </FORM>


  5. Démonstration
    NB : Dans cet exemple, le cookie n'est pas détruit, seulement vidé !... il sera détruit automatiquement à la fin de la session !


Pour en savoir plus !...


[ TOP ]





Copyright © 2003-2008 Dave J.