Bonjour,
dans ce tutoriel, je vais vous donner deux fonctions permettant de
gérer les cookies en javascript. La première fonction permet de
créer et modifier un cookie, la deuxième permet de
récupérer les données contenues dans le cookie.
Un cookie est un petit fichier qui s'enregistre dans l'ordinateur de l'utilisateur et qui
stocke des informations, cela permet(notamment) de se
souvenir d'un utilisateur et des ses informations...
D'abord 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>Gérer les cookies en JavaScript</title>
<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 '';
}
-->
</script>
</head>
<body>
<input type="button" value="Récupérer le cookie" onclick="alert(gcookie('cookies_test_1'));" /><br />
<input type="text" id="new_val" /> <input type="button" value="Changer/créer le cookie" onclick="scookie('cookies_test_1',document.getElementById('new_val').value, 5);" /><br />
<input type="button" value="Supprimer le cookie" onclick="scookie('cookies_test_1','', -1);" /><br />
Même si vous rafraichissez la page ou que vous fermer votre navigateur, le cookie restera enregistrée jusqu'à ce que vous le supprimiez ou jusqu'à ce qu'il expire.
</body>
</html>
Essayer
il comporte deux fonctions scookie et gcookie.
scookie permet de modifier les informations relatives à un cookie, il suffit de mettre comme paramètre le nom du cookie, sa valeur et sa date d'expiration en jours.
gcookie permet de récupérer la valeur d'un cookie, il suffit d'y mettre comme paramètre le nom du cookie, et vous aurez sa valeur.
Pour supprimer un cookie, il suffit d'utiliser scookie et de mettre comme date d'expiration -1 le cookie sera donc expiré et supprimé.
Vous remarquerez que le script utilise
document.cookie, c'est la propriété qui permet de gérer les cookies en javascript.
j'espère que ces fonctions vous seront utiles.
Scripts et Tutoriels similaires