Ein häufiges Beispiel ist: Auf einer Website stehen den Besuchern mehrere Seitenstile zur Auswahl.
Gleichzeitig bleibt der Stil nach Auswahl eines bestimmten Stils auch beim erneuten Öffnen der Seite erhalten.
Da fällt mir natürlich die Cookie-Technologie ein
Das Folgende ist der Programmcode:
<HTML>
<KOPF>
<link ID=skin rel=stylesheet type=text/css>
<TITLE>Hauterneuerungstechnologie</TITLE>
<SCRIPT LANGUAGE=javascript>
<!--
Funktion SetCookie(name,value){
var argv=SetCookie.arguments;
var argc=SetCookie.arguments.length;
var läuft ab=(2<argc)?argv[2]:null;
var path=(3<argc)?argv[3]:null;
var domain=(4<argc)?argv[4]:null;
var secure=(5<argc)?argv[5]:false;
document.cookie=name+=+escape(value)+((expires==null)?:(; expires=+expires.toGMTString()))+((path==null)?:(; path=+path) )+((domain==null)?:(; domain=+domain))+((secure==true)?; secure:);
}
Funktion GetCookie(Name) {
var search = Name + =;
var Rückgabewert = ;
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search);
if (Offset != -1) {
offset += search.length;
end = document.cookie.indexOf(;, offset);
if (Ende == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset,end));
}
}
Rückgabewert zurückgeben;
}
var thisskin;
thisskin=GetCookie(nowskin);
if(thisskin!=)
skin.href=thisskin;
anders
skin.href=css.css;
Funktion changecss(url){
if(url!=){
skin.href=url;
var expdate=new Date();
expdate.setTime(expdate.getTime()+(24*60*60*1000*30));
//expdate=null;
// Im Folgenden wird die COOKIES-Zeit auf 1 Jahr festgelegt. Sie können die Zeit nach Belieben festlegen.
SetCookie(nowskin,url,expdate,/,null,false);
}
}
//-->
</SCRIPT>
</HEAD>
<KÖRPER>
<P>Bitte wählen Sie das Dropdown-Menü unten aus, um den hauterneuernden Effekt zu testen</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>Stylesheet-Datei auswählen</option>
<Skriptsprache=Javascript>
var csss=new Array();
csss[0]=css.css;
csss[1]=css1.css;
csss[2]=css2.css;
csss[3]=css3.css;
var i;
for(i=0;i<4;i++)
if(thisskin==csss[i])
document.write(<option value=/+csss[i]+/ selected>+csss[i]+style sheet file</option>);
anders
document.write(<option value=/+csss[i]+/>+csss[i]+style sheet file</option>);
</script>
</select>
</BODY>
</HTML>