Créer un compte
Connexion

Se souvenir d'un visiteur Javascript - son nom et le nombre de visites script cookies


Se souvenir d'un visiteur Javascript - son nom et le nombre de visites script cookies Se souvenir d'un visiteur Javascript - son nom et le nombre de visites script cookies Le 29/07/2013 à 04:51:21
Note: 4/5
Mots clés: se souvenir visiteur javascript cookies nom visites se rappeler du nom d'un visiteur prompt nombre de visites document.cookie fonction nom utilisateur visites se rappeler visiteur code javascript script cookies

Bonjour,
dans ce tutoriel, je vais vous donner un code permettant de se souvenir d'un visiteur, son nom, et le nombre de visites qu'il a fait. Ce script utilise les fonctions du tutoriel sur la gestion de cookies:
Gestion des cookies en Javascript

Le script est très simple, lors de la première visite, il demande au visiteur son nom en utilisant la fonction prompt en javascript. Par la suite sont nom est stocké dans un cookie, et à chaque visite, son nombre de visites est augmenté de 1 dans un autre cookie.

Voici le code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Se souvenir d'un visiteur</title>
</head>
<body>
Bonjour <strong id="visit_name">anonyme</strong>,<br />
Ceci est votre visite N&deg; <strong id="nb_visits">1</strong>.<br />
<input type="button" value="Supprimer mes informations" onclick="scookie('visit_name','',-1);scookie('nb_visits','',-1);" /><br />
M&ecirc;me si vous rafraichissez la page ou que vous fermer votre navigateur, le cookie restera enregistr&eacute;e jusqu'&agrave; ce que vous le supprimiez ou jusqu'&agrave; ce qu'il expire.
<script type="text/javascript">
<!--
function scookie(name,value,days)
{
var expire=new Date();
expire.setDate(expire.getDate()+days);
document.cookie=name+'='+escape(value)+';expires='+expire.toGMTString();
return true;
}
function gcookie(name)
{
if(document.cookie.length>0)
{
start=document.cookie.indexOf(name+"=");
pos = start+name.length+1;
if(start!=0)
{
start=document.cookie.indexOf("; "+name+"=");
pos = start+name.length+3;
}
if(start!=-1)
{
start=pos;
end=document.cookie.indexOf(";",start);
if(end==-1)
{
end=document.cookie.length;
}
return unescape(document.cookie.substring(start,end));
}
}
return '';
}
if(gcookie('visit_name')=='' || gcookie('nb_visits')=='')
{
name = prompt('Quel est votre nom?','anonyme');
if(name=='')
{
name='anonyme';
}
scookie('visit_name',name,100);
nb_visits=1;
}
else
{
name=gcookie('visit_name');
nb_visits = Number(gcookie('nb_visits'))+1;
}
scookie('nb_visits',nb_visits,100);
document.getElementById('visit_name').innerHTML=name;
document.getElementById('nb_visits').innerHTML=nb_visits;
-->
</script>
</body>
</html>
Essayer

J'espère que ce code vous sera utile.

Scripts et Tutoriels similaires

Gestion des cookies en Javascript - document.cookie javascript get cookie set cookie Gestion des cookies en Javascript - document.cookie javascript get cookie set cookie Timestamp en Date - Convertir un timestamp en une date Timestamp en Date - Convertir un timestamp en une date Maxlength sur textarea - limiter le nombre de caractères dans un textarea en javascript Maxlength sur textarea - limiter le nombre de caractères dans un textarea en javascript Évaluer la vitesse de connexion en javascript Évaluer la vitesse de connexion en javascript Compteur de visiteurs uniques Compteur de visiteurs uniques