Tout sur les cookies

Commenter

Contenu du snippet

Pour savoir tout sur les Cookies

Source / Exemple : 


<html><head><title>Tout JavaScript.com - Exemple COMPLET COOKIE</title>

<SCRIPT LANGUAGE="JavaScript">

// Déclaration des variables 'domaine' et 'date d'expiration'
var pathname=location.pathname;
var myDomain=pathname.substring(0,pathname.lastIndexOf('/')) +'/';
var date_exp = new Date();
date_exp.setTime(date_exp.getTime()+(365*24*3600*1000));

// Voici les 3 fonctions de gestions des cookies
////////////////////////////////////////////////
function getCookieVal(offset) {
	var endstr=document.cookie.indexOf (";", offset);
	if (endstr==-1)
      		endstr=document.cookie.length;
	return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie (name) {
	var arg=name+"=";
	var alen=arg.length;
	var clen=document.cookie.length;
	var i=0;
	while (i<clen) {
		var j=i+alen;
		if (document.cookie.substring(i, j)==arg)
                        return getCookieVal (j);
                i=document.cookie.indexOf(" ",i)+1;
                        if (i==0) break;}
	return null;
}
function SetCookie (name, value) {
// un cookie a besoin d'un nom, d'une valeur, d'un nom de domaine, d'une date d'expiration
// 
	var argv=SetCookie.arguments;
	var argc=SetCookie.arguments.length;
	var expires=(argc > 2) ? argv[2] : null;
	var path=(argc > 3) ? argv[3] : null;
	var domain=(argc > 4) ? argv[4] : null;
	var secure=(argc > 5) ? argv[5] : false;
	document.cookie=name+"="+escape(value)+
		((expires==null) ? "" : ("; expires="+expires.toGMTString()))+
		((path==null) ? "" : ("; path="+path))+
		((domain==null) ? "" : ("; domain="+domain))+
		((secure==true) ? "; secure" : "");
}
///////////////////////////////////
function disp(txt) { document.write(txt); }

function sto() {
// 	Fonction appelée par le bouton "Stocker une information"
// 	Le nom de l'information est précédée de "_" pour ne pas interférer avec les noms utilisés par le site.
	var nom=document.forms[0].elements[0].value;
	var valeur=document.forms[0].elements[1].value;
	if (nom!="") {
		if (valeur!="") {
			SetCookie("_"+nom,valeur,date_exp,myDomain);
		}
		//else alert("Il n'y a pas de valeur pour "+nom+" !");
	}
	else alert("Il n'y a pas de nom !");
}
function get() {
// Fonction appelée par le bouton "Récupérer une information"
// Le nom de l'information est précédée de "_" pour ne pas interférer avec les noms utilisés par le site.
	var nom=document.forms[0].elements[3].value;
	if (nom!="") {
		var valeur=GetCookie("_"+nom);
		if (valeur!=null) {document.forms[0].elements[4].value=valeur}
		else document.forms[0].elements[4].value="null";
	}
	else document.forms[0].elements[4].value="";
}

</SCRIPT>
</HEAD>

<BODY bgcolor="white" text="#0000CC" alink="#FF8C00" link="#FF8C00" vlink="#FF8C00">

<BIG>Exemple complet de gestion des cookies</BIG><BR><BR>

<BR><FORM METHOD=POST ACTION="">
	<TABLE>
	<TR><TD colspan=2><FONT FACE="Arial" SIZE="-1"><B>Enregistrer une information :</B></FONT></TD></TR>
	<TR>
		<TD><FONT FACE="Arial" SIZE="-1" >Entrez ici le nom de l'information : </FONT></TD>
		<TD><INPUT TYPE="text"></TD>
	</TR>
	<TR>
		<TD><FONT FACE="Arial" SIZE="-1">Entrez ici la valeur de cette information : </FONT></TD>
		<TD><INPUT TYPE="text"></TD>
	</TR>
	<TR><TD colspan=2><INPUT TYPE="button" value="Stocker l'information" onClick="sto()"></TD></TR>

	<TR><TD colspan=2><FONT FACE="Arial" SIZE="-1"><BR><B>3 - Récupérez  une information :</B></FONT></TD></TR>
	<TR>
		<TD><FONT FACE="Arial" SIZE="-1">Entrez ici le nom de l'information : </FONT></TD>
		<TD><INPUT TYPE="text"></TD>
	</TR>
	<TR>
		<TD><FONT FACE="Arial" SIZE="-1" color="#000099">L'information vaut : </FONT></TD>
		<TD><INPUT TYPE="text"></TD>
	</TR>
	<TR><TD colspan=2><INPUT TYPE="button" value="Retourner l'information" onClick="get()"></TD></TR>
	</TABLE>
</FORM>

</BODY></HTML>

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (yanndroniou)