Contoh umumnya adalah: ada beberapa gaya halaman di situs yang dapat dipilih oleh pemirsa.
Pada saat yang sama, setelah memilih gaya tertentu, gaya tersebut akan tetap dipertahankan saat halaman dibuka kembali.
Tentu saja, teknologi Cookie muncul dalam pikiran
Berikut kode programnya:
<HTML>
<KEPALA>
<link ID=skin rel=stylesheet type=teks/css>
<TITLE>Teknologi pelapisan ulang kulit</TITLE>
<BAHASA SKRIP=javascript>
<!--
fungsi SetCookie(nama,nilai){
var argv=SetCookie.argumen;
var argc=SetCookie.argumen.panjang;
var kadaluarsa=(2<argc)?argv[2]:null;
var jalur=(3<argc)?argv[3]:null;
var domain=(4<argc)?argv[4]:null;
var aman=(5<argc)?argv[5]:false;
document.cookie=name+=+escape(value)+((expires==null)?:(; expired=+expires.toGMTString()))+((path==null)?:(; path=+path) )+((domain==null)?:(; domain=+domain))+((aman==benar)?; aman:);
}
fungsi GetCookie(Nama) {
var pencarian = Nama + =;
var nilai kembalian = ;
if (dokumen.cookie.length > 0) {
offset = dokumen.cookie.indexOf(pencarian);
jika (mengimbangi != -1) {
offset += pencarian.panjang;
end = dokumen.cookie.indexOf(;, offset);
jika (akhir == -1)
end = dokumen.cookie.length;
returnvalue=unescape(document.cookie.substring(offset,end));
}
}
mengembalikan nilai pengembalian;
}
var kulit ini;
thisskin=GetCookie(kulit sekarang);
jika(kulit ini!=)
skin.href=kulit ini;
kalau tidak
kulit.href=css.css;
perubahan fungsi(url){
jika(url!=){
kulit.href=url;
var expdate=Tanggal baru();
expdate.setTime(expdate.getTime()+(24*60*60*1000*30));
//expdate=null;
//Berikut ini mengatur waktu COOKIES menjadi 1 tahun.
SetCookie(kulit sekarang,url,expdate,/,null,false);
}
}
//-->
</SKRIP>
</KEPALA>
<TUBUH>
<P>Silakan pilih menu tarik-turun di bawah untuk menguji efek pelapisan ulang kulit</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>
<pilih onchange=changecss(ini.nilai)>
<option>Pilih file stylesheet</option>
<bahasa skrip=javascript>
var csss=Array baru();
csss[0]=css.css;
csss[1]=css1.css;
csss[2]=css2.css;
csss[3]=css3.css;
var saya;
untuk(i=0;i<4;i++)
if(kulit ini==csss[i])
document.write(<nilai opsi=/+csss[i]+/ dipilih>+csss[i]+file lembar gaya</option>);
kalau tidak
document.write(<nilai opsi=/+csss[i]+/>+csss[i]+file lembar gaya</option>);
</skrip>
</pilih>
</BODI>
</HTML>