Vous êtes ici: Support du web > Scripts et tutoriaux > Javascript > Gestion des cookies en Javascript - document.cookie javascript get cookie set cookie

Gestion des cookies en Javascript - document.cookie javascript get cookie set cookie
ybouane Gestion des cookies en Javascript - document.cookie javascript get cookie set cookie Note : 4.9/5 (4 votes) Derniéres modifications : 22/02/2010 à 05:29:21 Mots-Clés : gerrer cookies javascript fonction set cookie get cookie document.cookie modifier cookie récuperer valeur cookie code javascript gratuit fonction cookies gestion des cookies en javascript 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: Code: (X)html <!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 tutoriaux similaires à celui ci: Se souvenir d'un visiteur Javascript - son nom et le nombre de visites script cookies Changer l'opacité d'un div(alpha) compatibles avec tous les navigateurs Faire un input file stylé en Css (X)html et Javascript Parser du BBcode en (X)Html - convertir du bbcode en html/convertir du html en bbcode en utilisant les expressions réguliaires(regex) Précharger des images en javascript et detecter la fin du prechargement Redirection avec temps à rebours Calculatrice en javascript avec bouttons Afficher l'heure et la date en temps réel Commentaires Ajouter un commentaire Pseudo: Message: Code anti-bot: (recharger) Vous n'êtes actuellement pas connecté, certaines de vos informations(tel que votre Adresse IP) seront enregistrées pour éviter du spam. Votre message ne doit pas contenir certains mots ou une adresse internet, sinon, il ne sera pas envoyé. Les commentaires Envoyé par Girl5766 le 25/01/2011 à 20:31:21 On entre quoi dans la case de la page ? Envoyé par youcef le 18/01/2012 à 12:51:01 thank you Envoyé par rnunfpbq le 24/01/2012 à 12:30:02 20 Envoyé par DexyGFX le 02/02/2012 à 17:31:21 Le lien de test ne marche plus.

Gestion des cookies en Javascript - document.cookie javascript get cookie set cookie

ybouane

Gestion des cookies en Javascript - document.cookie javascript get cookie set cookie
Note : 4.9/5 (4 votes)
Derniéres modifications : 22/02/2010 à 05:29:21
Mots-Clés : gerrer cookies javascript fonction set cookie get cookie document.cookie modifier cookie récuperer valeur cookie code javascript gratuit fonction cookies gestion des cookies en javascript

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:

Code: (X)html

<!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&eacute;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&eacute;cup&eacute;rer le cookie" onclick="alert(gcookie('cookies_test_1'));" /><br />

        <input type="text" id="new_val" /> <input type="button" value="Changer/cr&eacute;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&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.

    </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 tutoriaux similaires à celui ci:

Commentaires

Ajouter un commentaire

Les commentaires

Envoyé par Girl5766 le 25/01/2011 à 20:31:21

On entre quoi dans la case de la page ?

Envoyé par youcef le 18/01/2012 à 12:51:01

thank you

Envoyé par rnunfpbq le 24/01/2012 à 12:30:02

Envoyé par DexyGFX le 02/02/2012 à 17:31:21

Le lien de test ne marche plus.