6: Gérez les cookies avec JavaScript

tontonserver
6: Gérez les cookies avec JavaScript
Les Cookies
Gérez les cookies avec JavaScript
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
[email protected] ! 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...
http://www.tontonserver.com
Propulsé par Joomla!
Généré: 15 February, 2017, 20:57
tontonserver
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.
- 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 :
http://www.tontonserver.com
Propulsé par Joomla!
Généré: 15 February, 2017, 20:57
tontonserver
<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>
- 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>
- 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">
http://www.tontonserver.com
Propulsé par Joomla!
Généré: 15 February, 2017, 20:57
tontonserver
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>
- 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)
http://www.tontonserver.com
Propulsé par Joomla!
Généré: 15 February, 2017, 20:57
tontonserver
+ ";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>
http://www.tontonserver.com
Propulsé par Joomla!
Généré: 15 February, 2017, 20:57
tontonserver
<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>
- 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 !...
- Les
cookies démystifiés, pour les studieux !...
- Tout sur les cookies, pour les techniciens
!...
<%if nivocid>20 then%>
Exercice
Agrémentez votre site de la manière suivante :
La
http://www.tontonserver.com
Propulsé par Joomla!
Généré: 15 February, 2017, 20:57
tontonserver
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 :
- pour le compteur ;
- pour stocker la visite ;
- 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 ?...
http://www.tontonserver.com
Propulsé par Joomla!
Généré: 15 February, 2017, 20:57