Script cookie : Utilisation de cookie pour affichage d'un message
Partie II : L'interactivité
Edition 1 | Chapitre 16 : Les cookies et l'objet Storage / Page 237
Edition 2 | Chapitre 17 : Les cookies et l'objet Storage / Page 259
Edition 3 | Chapitre 17 : Les cookies et l'objet Storage / Page 259
Exécution du script
Emulation de la console
Code source
<html><head><title>Cookies</title></head><body><h1>Cookies</h1><script type="text/javascript">/* Enregistre un cookie name et sa valeur value */ function setCookie(name, value, expires="", path="", domain="", secure=0) { document.cookie=name+"="+encodeURIComponent(value)+ ((expires=="") ? "" : (";expires="+expires.toUTCString()))+ ((path=="") ? "" : (";path="+path))+ ((domain=="") ? "" : (";domain="+domain))+ ((secure==true) ? ";secure" : "");}/* Retourne la valeur du cookie name ou null s'il n'existe pas*/function getCookie(name) { var cookies=allCookies(); if (cookies[name]) { return decodeURIComponent(cookies[name]); } else { return null }}/* Retourne un tableau de tous les cookies disponibles */function allCookies() { /* Le séparateur entre cookies est [; ] */ var tab=document.cookie.split("; "); var cookies=[]; for (var i=0; i<tab.length; i++) { var name=tab[i].substring(0, tab[i].indexOf("=")); var value=tab[i].substring(tab[i].indexOf("=")+1); cookies[name]=value; } return cookies; /* Tableau associatif */}/* Cookie de session */setCookie("nom", "Jean-Claude"); var dt1An=new Date(); dt1An.setTime(dt1An.getTime()+(365*24*3600*1000));/* Durée de vie 1 an */var today=new Date();setCookie("firstVisite", today.getTime(), dt1An); /* Et un cookie de durée sur tout le domaine en https */setCookie("IDuser", "user544572", dt1An, "/", "www.toutjavascript.com", true);var dtOld=new Date("2000-01-01"); /* Une date ancienne */setCookie("nomc", "", dtOld); /* Appel avec la date en expiration */console.log(document.cookie)console.log(allCookies());console.log(getCookie("nom"));console.log(getCookie("firstVisite"));</script><style type="text/css"></style></body></html>