Un exemple courant est le suivant : il existe plusieurs styles de page sur un site parmi lesquels les internautes peuvent choisir.
Dans le même temps, après avoir sélectionné un certain style, le style sera toujours conservé lorsque la page sera à nouveau ouverte.
Naturellement, la technologie Cookie vient à l’esprit
Voici le code du programme :
<HTML>
<TÊTE>
<link ID=skin rel=stylesheet type=text/css>
<TITLE>Technologie de resurfaçage de la peau</TITLE>
<LANGUE DU SCRIPT=javascript>
<!--
fonction SetCookie(nom,valeur){
var argv=SetCookie.arguments;
var argc=SetCookie.arguments.length;
var expires=(2<argc)?argv[2]:null;
var chemin=(3<argc)?argv[3]:null;
var domaine=(4<argc)?argv[4]:null;
var secure=(5<argc)?argv[5]:false;
document.cookie=nom+=+escape(value)+((expires==null)?:(; expires=+expires.toGMTString()))+((path==null)?:(; path=+path) )+((domain==null)?:(; domain=+domain))+((secure==true)?; secure:);
}
fonction GetCookie(Nom) {
var recherche = Nom + =;
var valeur de retour = ;
si (document.cookie.length > 0) {
offset = document.cookie.indexOf(recherche);
si (décalage != -1) {
offset += recherche.longueur ;
end = document.cookie.indexOf(;, offset);
si (fin == -1)
fin = document.cookie.length ;
returnvalue=unescape(document.cookie.substring(offset,end));
}
}
retourner la valeur de retour ;
}
var cette peau;
thisskin=GetCookie(nowskin);
si (cette peau! =)
skin.href=thisskin;
autre
skin.href=css.css;
fonction changecss(url){
si(url!=){
skin.href=url;
var expdate=nouvelle date();
expdate.setTime(expdate.getTime()+(24*60*60*1000*30));
//expdate=null;
// Ce qui suit fixe la durée des COOKIES à 1 an. Vous pouvez régler la durée à volonté.
SetCookie(nowskin,url,expdate,/,null,false);
}
}
//-->
</SCRIPT>
</HEAD>
<CORPS>
<P>Veuillez sélectionner le menu déroulant ci-dessous pour tester l'effet de resurfaçage de la peau</P>
<a href=# onclick=changecss('css.css')>css.css</a>
<a href=# onclick=changecss('css1.css')>css1.css</a>
<a href=# onclick=changecss('css2.css')>css2.css</a>
<a href=# onclick=changecss('css3.css')>css3.css</a>
<br>
<select onchange=changecss(this.value)>
<option>Sélectionner le fichier de feuille de style</option>
<langage de script=javascript>
var csss=nouveau tableau();
csss[0]=css.css;
csss[1]=css1.css;
csss[2]=css2.css;
csss[3]=css3.css;
var je;
pour(i=0;i<4;i++)
si(thisskin==csss[i])
document.write(<valeur d'option=/+csss[i]+/ selected>+csss[i]+fichier de feuille de style</option>);
autre
document.write(<option value=/+csss[i]+/>+csss[i]+fichier de feuille de style</option>);
</script>
</sélectionner>
</CORPS>
</HTML>