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

<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>

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>

Troisième édition Tout JavaScript chez Dunod

En savoir plus
Sortie le 4 janvier 2023

Version papier 29€90
Format électronique 22€99.

Commandez en ligne

Dunod Fnac Amazon

Le graph des objets JavaScript

Chargement
en cours...