Exemple de cookies
[ 92 commentaires]
L'exemple présenté ci-dessous est un compteur de visites, sauvegardé dans un cookie géré en javascript.
Le cookie étant par définition stocké coté client sur le disque dur de chaque visiteur, le compteur compte le nombre de visites d'un visiteur, et non le nombre total de visiteurs venus sur la page web.
<html>
<head>
<title>Compteur de visites par cookies
</title>
<script type="text/javascript" language="JavaScript">
<!--
function EcrireCookie(nom, valeur)
//
voir le détail de la fonction...
...
function getCookieVal(offset)
//
voir le détail de la fonction...
...
function LireCookie(nom)
//
voir le détail de la fonction...
...
//-->
</script>
</head>
<body>
...
<script type="text/javascript" language="JavaScript">
<!--
// Donner à la variable compteur la valeur du cookie
compteur=LireCookie("democompteur");
if (compteur==null) { // Le cookie democompteur n'existe pas, initialiser compteur
compteur=1;
}
else { //Le cookie democompteur existe, incrémenter compteur
compteur++;
}
// Ecrire le cookie, valide 6 mois
date=new Date;
date.setMonth(date.getMonth()+6);
EcrireCookie("democompteur", compteur, date);
// Afficher le résultat...
document.write("[ "+compteur);
// ... avec une orthographe correcte
if (compteur>1) {document.write(" visites ]");}
else {document.write(" visite ]");}
//-->
</script>
...
</body>
</html>
Entre </title> et </head>, on retrouve les fonctions d'
écriture et de
lecture des cookies.
Dans la partie <body> de la page, on commence par lire le cookie
democompteur dans la variable
compteur.
Le compteur est ensuite incrémenté, puis le cookie sauvegardé.
Enfin, on affiche la valeur du compteur.
C'est maintenant à vous de faire preuve d'imagination. La gestion des cookies en javascript est un exercice simple, mais il existe d'innombrables façons de les utiliser...
Vos réactions à cet article :::
le 03/02/2004 à 18:54De:
Che
Super ! Explications simples, code propre et explicite...
Ca donne envie de trouver d'autres utilisations des cookies !
Le site est clean, ce qui ne gâche rien !
le 15/03/2004 à 12:52De:
Gre
[Site web]
Les explications sont vraiment bien faites et en quelques minutes j'ai pu me familiariser avec les cookies. Merci pour ce beau travail !
le 17/06/2004 à 10:25De:
R1
Très bien fait le Javascript.
Par contre pour un compteur de visite, ça comptabilise chaque refresh de la page et non chaque nouvelle venue sur la page ( donc la fidélité dans le temps ). Une gestion avec sessions en php permettrait de ne comptabiliser que les venues sur le site/page ( ou/et aussi de stocker sur le serveur des stats ! ), mais bien sûr ça dépend de ce que l'on veut compter :)
Bref juste pour dire que php le fait aussi ( en mieux ? )
le 27/06/2004 à 00:27De:
lorantino
[Site web]
oui je confirme ca marche tres bien en php tout ca ;o)
et puis je prefere quand tout est executé au niveau serveur ... on sait jamais, pour peu que le javascript soit mal interpreté !
++
le 13/01/2005 à 20:54De:
XyWiL
Beau boulot :)
Deux minutes et voila les biscuits dans la popoche ;)
Thanks ^^
le 17/01/2005 à 12:13De:
nuke_z
Je... ben... nickel quoi !! Rien à rajouter en fait.
Clap clap, très bien fait comme explication.
le 26/01/2005 à 16:37De:
medeko
[Site web]
Cool! ca marche. mais dans mon cas chaque doit contenir un tableau... comment faire please!
le 09/03/2005 à 03:20De:
Orioli sarl
[Site web]
Moi ce que j'aime bien c'est que cela semble avoir été prévu (les javascripts) pour quasiment ne faire que du copier coller. J'aime. :-)
---------------------------
Carte de Visite
le 05/09/2005 à 20:05De:
hamadan
[Site web]
merci pour vous. enfin j'ai trouvé un cookie pour compter le nombre de visite de notre site .Merci beaucoup pour vous. si vous avez d'autres idées enyez -là à nous sur l'adresse suivante: s.s.ibn.youness@voila.fr
le 24/08/2007 à 14:19De:
sabib_maroc_marrakech
Super ! Explications simples, code propre et explicite...
Ca donne envie de trouver d'autres utilisations des cookies !
Le site est clean, ce qui ne gâche rien !
Ajoutez un commentaire en direct :::
Il est temporairement impossible de poster un commentaire: nos modos sont en vacances. A bientôt;)