COURS JavaScript



Accueil | Boîte à outils : Les Cookies, Passer un nom d'une page à l'autre

Les Cookies, passer un nom d'une page à l'autre


Généralités

Dans les précédentes leçons sur les cookies, nous avons appris à écrire, lire, modifier et supprimer un cookie. Il nous reste à en faire un usage utile. Un bon exemple d'usage utile est de demander son nom à l'internaute dans une page d'accueil puis de personnaliser toutes les pages qu'il va regarder sur votre site en mettant son nom en haut de chaque page. Pas très utile me direz-vous ... Oui, je sais. Mais c'est un exercice simple qui vous permettra, une fois que vous aurez compris comment ça marche, de faire de même avec des variables de tout genre pour effectuer des tâches plus complexes. Commençons par des choses simples.

On y va ?



Passer un nom à l'aide d'un cookie.

Il faut tout d'abord (mais ça n'est plus du JavaScript, juste de l'HTML simple et bête), demander son nom à l'internaute. Vous savez certainement comment faire en utilisant un formulaire et un champ de texte simple. Comme ci-dessous.

Veuillez saisir votre nom s'il vous plaît :

Alors ? Allez-y. Quoi. Mais évitez d'utiliser le signe ";" (point virgule) dans un premier temps dans ce champ. Nous verrons pourquoi plus tard. Autrement ça ne marchera jamais.... Pffffft !!! Ça y est ? C'est fait ?... Bon. On peut continuer.

Notez que j'ai donné comme nom à mon champ de texte le nom de "NomClient". C'est maintenant le nom de l'objet que représente ce champ dans le formulaire que j'ai appelé "formulaire" (je sais, toujours aussi peu d'imagination. On ne se refait pas...)

Je peux donc maintenant récupérer le nom saisi et le mettre dans la variable "VotreNom" par l'instruction :

var VotreNom = document.formulaire.NomClient.value ; // récupération du nom saisi.

Tout le monde sait faire ça si vous avez suivi les leçons sur les objets. Si vous ne l'avez pas encore vue, allez vite la voir, sans ça vous risquez de ne plus rien comprendre. C'est fait ? Alors on avance.
Vous pouvez vérifier si ça marche bien en cliquant ici pour voir.

Maintenant que nous avons le nom saisi par le client dans la variable VotreNom, il ne nous reste plus qu'à l'écrire dans un cookie. Ca, ça n'est pas bien compliqué et nous savons comment faire. Pour celles et ceux qui n'auraient pas encore vu comment arriver à ce résultat, il faut aller lire les leçons sur les cookies. Pour les autres, nous allons juste écrire cette valeur dans un cookie en mettant notre variable Contenu à jour avec le nom saisi par l'instruction bien connue maintenant :

Contenu = VotreNom ; // mise en place du contenu du cookie

puis nous écrivons le cookie sur le disque du client comme on sait le faire par l'instruction :

document.cookie = Nom + "=" + Contenu + "; expires=" + expdate.toGMTString() ; // écriture sur le disque

en ayant bien pris soin de positionner les différents paramètres comme il faut. Pour créer le cookie avec le nom que vous avez saisi, cliquez ici sur Ecrire le cookie. Puis vous pourrez vérifier que c'est bien écrit à l'aide des liens sous le champ ci-dessous, comme d'habitude. Comme il peut y avoir plusieurs cookies pour la même page (par exemple, ici, il risque d'y avoir le cookie écrit par Xiti, mon compteur de fréquentation. Je n'en suis pas maître. Ca devrait être un truc du genre "pwpCache=38b6c4061446340be1f533cd8204eff3|78651|0|0|0|0|0|0088/0020". Vous voyez, très abstrait mais c'est comme ça.... Chacun ses fantasmes hein ? :-). A ce sujet, il se peut que tout ceci fonctionne mal en local sous MIE pour celles et ceux qui auraient téléchargé le cours complet. Ca n'est pas grave. Je vous promet que tout fonctionne bien en ligne sous MIE.
Chaque cookie pour un même domaine est séparé par un ";" (point virgule). Ne vous inquiétez pas, c'est tout à fait normal aussi. Nous le verrons dans la leçon suivante et nous en tiendrons compte pour la suite des événements. Le principal est que vous voyiez bien votre cookie au milieu du reste. Il devrait apparaître en tête. Normalement.....

Vous pouvez : Ecrire le cookie | Lire le cookie | Supprimer le cookie (le lien "Supprimer le cookie" ne fonctionne pas sous MIE. Il faut refermer le navigateur MIE pour voir le cookie disparaître à l'affichage).

Voilà. C'est fait. Désormais, le nom saisi est dans un cookie qui s'appelle toujours "MonCookie". Il ne nous reste plus qu'à le récupérer pour personnaliser les pages de l'internaute.

Suite de la leçon.



Ce cours est enseigné par Philippe Médan 
dans le cadre de la formation des professionnels de l'INTERNET.
au CREFAC , 14 rue Scandicci, 93000 Pantin. Tél. : 01 48 46 51 99
au GITA-GRETA , Lycée Technologique Diderot 61, rue David D'Angers 75019 Paris Tél. : 01 40 40 36 27
au CESI à l'Ecole des ingénieurs, 116 Av Aristide Briand, BP 57, 92224 Bagneux CEDEX Tél. : 01 45 36 70 00
au CFA-AFIA Centre de Formation par l'Apprentissage spécialisé en Informatique DUT Licence MIAGE,
PUIO - Bâtiment 640 - Plateau du Moulon - 91405 Orsay Tél. : 01 69 15 35 19.

© Philippe Médan 1999-2007. Tous droits de reproduction réservés pour tous pays.