Membre de ClickFR, Reseau francophone Paie-Par-Click
Accueil
Accueil
- [ CSS : ] [ DHTML : ] [ HTML : ] [ JavaScript : ] [ Refs : ]
Accueil

JavaScript 1.3
Divers

  Stocker une information (cookie)

fonction de ce script  principe de ce script  le script lui-meme  demonstration du script  telechargement du script

  Fonction
Le but de ce script est de stocker une information saisie par le visiteur pour la réutiliser plus tard, sur la même page ou ailleurs sur le site.
  Principe
  Le script
dans la partie <head>
<script language="JavaScript">
// fonction de préparation du cookie
function enregistrer(nom,prenom) {

// la donnée qui sera stockee
var donnee = prenom + " " + nom;
var aujourdhui = new Date();
var expiration = new Date();

// la date d'expiration du cookie : ici, 24 heures
expiration.setTime(aujourdhui.getTime() + 1000*60*60*24*365);

// on lance la fonction de création réelle du cookie
placer_cookie("biblioscript_total", donnee, expiration)
}


// fonction de création réelle du cookie
function placer_cookie(nom, valeur, expire) {
document.cookie = nom + "=" + escape(valeur) + ((expire == null) ? "" : ("; expires=" + expire.toGMTString()))
}


// fonction de lecture (utilisation) du cookie
function lire_cookie(nom) {

// on cherche le cookie qui nous concerne
var recherche = nom + "=";

// s'il existe
if (document.cookie.length > 0) {

// on se cale sur le début du cookie (c'est un texte)
debut = document.cookie.indexOf(recherche);
if (debut != -1) {

// on se place la ou commence la donnée (après le 'nom' du cookie)
debut += recherche.length;

// on cherche la fin de la donnée
fin = document.cookie.indexOf(";", debut);
if (fin == -1) {
fin = document.cookie.length;
}

// on renvoie le contenu de la ligne du cookie entre la fin de son nom et la fin de la donnée
return unescape(document.cookie.substring(debut, fin));
}
}
}
</script>

dans la partie <body>
Donnez-moi votre nom.

<script>

<!-- on place la donnée du cookie dans une variable -->
var total = lire_cookie("biblioscript_total");

<!-- si la donnée existe -->
if (total != null) {

<!-- On écrit ce qui suit, incluant donc la donnée du cookie -->
document.write("<p>Vous êtes déjà passé ", total);
}
else {
<!-- si le cookie n'existe pas -->
document.write("<p>Je ne le connais pas encore !!");
}
</script>

<form name="formulaire">
Votre nom : <input type="text" name="nom" size="15">
Votre prénom : <input type="text" name="prenom" size="15">
<input type="button" value="S'enregistrer" OnCLick="enregistrer(this.form.nom.value,this.form.prenom.value); history.go(0);">
</form>
  Démonstration
Donnez-moi votre nom.


Votre nom :
Votre prénom :
  Téléchargement
Ce script est disponible en deux versions :
  • le script est intégré à la page où il agit,
  • le script est dans un fichier séparé de la page où il agit (fichier.js et fichier.html).

    L'intérêt d'un script dans un fichier séparé est de pouvoir le partager entre plusieurs pages html.
    Cela permet aussi de le rendre inaccessible à toute personne qui souhaiterai l'enregistrer pour une autre utilisation.
    		•
    Script intégré :
    div_cookie.zip
    2 Ko    		 telechargez le script telechargez le script
    Script séparé :
    div_cookie2.zip
    2 Ko
    Recherche
    		aide sur la recherche
    CSS 2
    DHTML
    HTML 4
    Références
    Aide générale
    hit-parade
    Votez TOP Ouaibe !

    statistiques
    aide sur les contacts aide sur la mailing-list aide sur la newsletter