Designed by Gaetan !
56 en ligne   Boutique | Sites | Bar | Forum | PhpBB | Actu | Glossaire | Codes | Tips | Liens | Livres | Lettre  


 Recherche

 NewsLetter






   

Les Cookies

Gérez les cookies avec JavaScript





Télécharger tout le tutorial JavaScript/VBScript

C'est quoi ?
Ce sont de petits fichiers texte que le navigateur crée sur votre PC pour y stocker des informations diverses...

Où sont-ils ?
Normalement dans le dossier C:\WINDOWS\COOKIES\ ou, si vous avez plusieurs bureaux Windows, dans le dossier C:\WINDOWS\PROFILES\Machin\COOKIES\... (pour Internet Explorer) celui d'ASP-PHP.net porte le nom ...@www.asp-php ! Ouvrez-le, sans le modifier !, et vous y trouverez les infos que j'ai demandé d'y stocker :
Vous en connaissez beaucoup, vous, des sites aussi transparents que celui-ci ?...

A quoi ça sert ?
Lorsque vous allez écrire dans un forum par exemple (si vous avez déjà écrit sur ce site), nul besoin de retaper votre nom et votre adresse e-mail, le formulaire les affiche d'emblée, même si votre dernier message date de quelques temps déjà... car le navigateur les lit sur votre PC, dans le cookie !...

Honnêtement, il ne fait que ça ?...
Je pourrais vous répondre "oui", à l'instar d'autres webmasters, et vous seriez rassurés...

La réponse est donc "non" !

Cet animal se permet de transmettre des informations à ma base qui se construit sur le serveur !... et je peux ainsi savoir qui est venu sur le site, et quand !... et vérifier ainsi que tout se passe bien pour chacun... connaître mes plus fidèles visiteurs, établir des statistiques...

Et si je détruis mon cookie ?
Le site ne vous reconnait plus et vous serez donc obligé de retaper votre nom et votre adresse e-mail la prochaine fois que vous voudrez poster un message !

Comment ça marche ?
Disons, en deux mots, que la page Web donne l'ordre au navigateur d'écrire ou de lire sur votre PC dans un fichier particulier (on ne peut pas faire n'importe quoi quand même sans l'accord du visiteur !...) et qu'elle analyse ensuite ou met à jour les informations de ce fichier.

  1. Ecrire un cookie nécessite de transmettre au moins deux informations :
    • Le nom du cookie ;
    • La valeur du cookie .

    Pour ce faire, on utilisera la fonction suivante :

    <script language="JavaScript">
         function setCook(nom,valeur) {
            document.cookie = nom + "=" + escape(valeur)
            }
    //--></script>

    Il durera alors le temps de la session internet, pratique pour stocker la langue du visiteur ou une option particulière qu'il aura choisie...

    Si l'on veut récupérer un cookie d'une session à une autre, pour reconnaître le visiteur par exemple, il faut indiquer en plus une durée de vie du cookie... avec la fonction suivante par exemple :

    <script language="JavaScript">
         function setCook2(nom,valeur,jours) {
            var expDate = new Date()
            expDate.setTime(expDate.getTime() + (jours * 24 * 3600 * 1000))
            document.cookie = nom + "=" + escape(valeur)
                + ";expires=" + expDate.toGMTString()
            }
    //--></script>


  2. Détruire un cookie est utile parfois, afin de permettre qu'un autre utilisateur du même poste puisse se connecter sans accéder aux infos perso du premier !

    Il suffit de vider le cookie et de reculer sa date de validité à la veille du jour de la session :

    <script language="JavaScript">
         function delCook(nom) { setCook2(nom,"",-1) }
    //--></script>


  3. Lire un cookie enfin, c'est le but principal, pour transmettre facilement des paramètres de page en page, ou de session en session !...

    <script language="JavaScript">
         function getCook(nom) {
            deb = document.cookie.indexOf(nom + "=")
            if (deb >= 0) {
                deb += nom.length + 1
                fin = document.cookie.indexOf(";",deb)
                if (fin < 0) fin = document.cookie.length
                return unescape(document.cookie.substring(deb,fin))
                }
            return ""
            }
    //--></script>


  4. Exemple

    handlecook.html 
    <script language="JavaScript"><!--

       function cre_cook0(nom,contenu) {
          document.cookie = nom + "=" + escape(contenu)
          }
         
       function cre_cook(nom,contenu,jours) {
          var expireDate = new Date();
          expireDate.setTime(expireDate.getTime() + jours*24*3600*1000);
          document.cookie = nom + "=" + escape(contenu)
             + ";expires=" + expireDate.toGMTString();
          }
         
       function lit_cook(nom) {
          var deb,fin
          deb = document.cookie.indexOf(nom + "=")
          if (deb >= 0) {
             deb += nom.length + 1
             fin = document.cookie.indexOf(";",deb)
             if (fin < 0) fin = document.cookie.length
             return unescape(document.cookie.substring(deb,fin))
             }
          return ""
          }
         
       function tue_cook(nom) { cre_cook(nom,"",-1) }

       function askCook(nom) {
          c=prompt("Mettre dans le cookie :","")
          cre_cook0(nom,c)
          }

       function litCook(nom) {
          c=lit_cook(nom)
          if(c=="") alert("Le cookie est vide !")
          else alert("Le cookie vaut : "+c)
          }

    --></script>


    <FORM>
       <table><tr>
          <td><INPUT onclick=askCook('test') type=button value="Créer le cookie"></td>
          <td><INPUT onclick=litCook('test') type=button value="Lire le cookie"></td>
          <td><INPUT onclick="tue_cook('test')" type=button value="Effacer le cookie"></td>
       </tr></table>
    </FORM>


  5. Démonstration
    NB : Dans cet exemple, le cookie n'est pas détruit, seulement vidé !... il sera détruit automatiquement à la fin de la session !


Pour en savoir plus !...
<%if nivocid>20 then%>

Exercice
Agrémentez votre site de la manière suivante :

La première fois qu'un visiteur arrive...
"Bienvenue sur mon site"
les autres fois...
"Bonjour, c'est ta xxème visite ! Depuis ton dernier passage il y a xxx jours..."


PS : Un peu d'aide pour résoudre cet exo :
  • Il faut 3 cookies :

    1. pour le compteur ;
    2. pour stocker la visite ;
    3. pour stocker la dernière visite.

  • Il faut temporiser... on ne modifie les cookies que si les deux visites sont espacées de plus d'1h, 2h, 1 jour ?...

Didier le 30/05/2003 (73 237 hits)
Didier Téléchargez gratuitement et légalement des logiciels Microsoft ! Si, si ;)
  • Visual Studio 2010
  • Office 2010
  • Expression Studio 3
  • SQL Server 2008
  • et d'autres...
Au fil des news  
Magazines - Le N°128 de Programmez est disponible
Magazines - Le N°127 de Programmez est disponible
Dreamweaver CS4 + Php + Mysql - Trucs et Astuces - Part 6
Pour continuer dans le même style, je vous propose une suite au précédent article. Rechercher tous ...
Adobe - Adobe Photoshop.com Mobile pour iPhone 1.1
JavaScript - Ajouter une page dans vos favorites
Dreamweaver CS4 + Php + Mysql - Trucs et Astuces - Part 5 -
Je vous propose cette fois deux astuces. Comment exporter une feuille de style avec l'aide de ...
SharePoint Personalization Site Links - Les liens personnalisés des MySite SharePoint
Nous avons vu dans les articles précédents comment agrémenter les pages de recherche afin de ...
Magazines - Le n°126 de Programmez est disponible
Outils - Traducteur en ligne automatique pour site web
Adobe - Adobe Photoshop.com Mobile pour Iphone
Magazines - Le n°125 de Programmez est disponible
Adobe - Adobe AIR 2 et Flash Player 10.1version bêta
Les conférences autour des technologies Microsoft - Liste non exhaustive des grands évènements
Nous allons essayer de regrouper un grand nombre des évènements autour des technologies Microsoft ...
Magazines - Le n°124 de Programmez est disponible
PHP - Forum PHP 2009
Composants - eFace - XAML en Java
WPF - Désactiver le bouton de réduction d'une fenêtre
Magazines - Le n°123 de Programmez est disponible
Magazines - Le n°122 de Programmez est disponible
Auditer une ferme SharePoint - Assurer le bon fonctionnement de SharePoint
Dans le cadre de la bonne gestion de son environnement SharePoint, il est utile de faire un ...
SQL Server 2008 Report Builder 2.0 - Installation et utilisation de Report Builder 2.0
Dans le cadre de la création de rapports pour SQL Server Reporting Services 2008, un outil est ...
Magazines - Le HS N° 1 de Web Design est disponible
Adobe - Adobe propose en Open Source les frameworks.....
Outils - EntityBuilder
CSharp - Sérialisation XML de vos objets
Magazines - Le n°121 de Programmez est disponible
Adobe - Adobe annonce MAX 2009 !
Outils - WhoIs
[MAJ] Dreamweaver MX + Php + MySql - Les formulaires - partie 3
Mise à jour du code, par DB 77, affichage du code erreur, dans la page erreur.php, traduction des ...
PHP - News avec photo - Système de gestion - affichage
Gestion - Administration - Affichage d'une "News", "Actualité", "Info", ... avec : - mise en forme ...
Outils - Crypt
Dreamweaver Php Mysql - Région répétée imbriquée
Je rebondis, sur un post du forum, pour vous montrer comment obtenir grâce à l'extension Simulated ...
Magazines - Le n° 120 de Programmez est disponible
Gérer les bases de contenu SharePoint - Gérer la croissance du volume des données
Dans le cadre de la gestion quotidienne de ferme SharePoint, il existe une partie qu'il faut ...
PHP - Le Coach PHP sur Visual Studio
.NET - Ecrire une application .NET utilisant MySQL
PHP - Utilisation de PHP dans le monde Microsoft
Magazines - Le n° 119 de Programmez est disponible
Adobe - Adobe annonce Photoshop Marketplace
[MAJ] Tutoriel AJAX simple - En avant vers le WEB2.0
Mis à jour le 20/04/2009
Tutorial : HTML | Scripting | ASP-PHP | ASP.net | SQL Server | XML
Sharepoint | XAML | Pocket | Dreamweaver | VML | Divers
  Scripts : Scripting | ASP-PHP | ASP.net | Divers
  Boutique | Annuaire | Bannières | Météo | Tribune | Partenariats
v3b © Didier 2003   
 

Corpo Sciences de Reims Partitions gratuites Carte, météo, annonces
 TechNet ASP-magazine DotNet Project MVP Groupes Utilisateurs Microsoft