Une petite bibliothèque tout droit venue de chez Peter-Paul Koch http://www.quirksmode.org/js/cookies.html. Je vous y renvoie pour des explications complètes, il fait ça très bien.
// Gestion simplifiée des cookies http://brendufat.over-blog.com/article-js-cookies-66381726.html // Sur une idée de Peter-Paul Koch - http://www.quirksmode.org/js/cookies.html JMcookie={ create:function(nm,v,d) { // d : durée en jours var dt,xp=''; if (d){ var dt=new Date(); dt.setTime(dt.getTime()+(d*24*3600000)); xp=';expires='+dt.toGMTString() } document.cookie= nm+"="+v+xp+";path=/"; } ,read:function(nm) { var ca=document.cookie.split(';'),i,c; nm+="="; for(i=0;i<ca.length;i++) {c=ca[i]; while (c.charAt(0)==' ') c=c.substring(1,c.length); if (c.indexOf(nm)==0) return c.substring(nm.length,c.length); } return null; } ,remove:function(nm) {this.create(nm,"",-1)} };
Le mode d'emploi est très banal : ajoutez ce code à l'un de vos fichiers JavaScript si vous en avez déjà ou bien créez un fichier rien que pour lui et ajoutez
<script type="text/javascript" src="URL_du_fichier_JS"></script>
Dès lors, dans du code JS situé après ces quelques instructions, vous pouvez écrire :
JMcookie.create("moncookie","lavaleurducookie",durée de vie); /* Crée "moncookie" et lui donne "lavaleurducookie" moncookie et lavaleurducookie sont évidemment ce que vous voudrez 'durée de vie' est un nombre de jours. Si la durée de vie n'est pas indiquée ou vaut zéro le cookie 'meurt' en fin de session. */
JMcookie.read("moncookie"); /* Lit le cookie "moncookie". Renvoie sa valeur ou null si le cookie est introuvable (jamais défini ou expiré) */
JMcookie.remove("moncookie"); /* Supprime "moncookie" */
Petite note : pourquoi après ces quelques instructions
? Parce que, avant, JMcookie est inconnu au bataillon.
Autre petite note : j'ai regroupé ces trois fonctions dans un objet nommé JMcookie pour limiter les risques de conflits avec le JS rédigé par OB.
Dernière petite note : si le nom JMcookie vous énerve, vous êtes libre d'en choisir un autre, bien sûr.
Ultime petite note : ayez l'élégance de ne pas enlever les deux lignes de commentaires donnant le pedigree du bébé.
- Présentation
- Déverminer un programme
- Tirages aléatoires
- Boucle sur un Array
- Recherche dans un Array - indexOf
- Utiliser la classe d'un élément
- Trouver un élément dans la page : getElementById - getElementsByTagName
- Trouver un élément dans la page : exploiter className
- Trouver un élément dans la page : Notions sur le DOM
- Trouver un élément dans la page : Naviguer dans le DOM
- Gestion des cookies
- Conversion de couleurs CSS