Типичный пример: на сайте существует несколько стилей страниц, из которых зрители могут выбирать.
При этом после выбора определенного стиля стиль все равно сохранится при повторном открытии страницы.
Естественно, на ум приходит технология Cookie.
Ниже приведен код программы:
<HTML>
<ГОЛОВКА>
<link ID=скин rel=тип таблицы стилей=text/css>
<TITLE>Технология шлифовки кожи</TITLE>
<ЯЗЫК СКРИПТА=javascript>
<!--
функция SetCookie(имя,значение){
вар argv=SetCookie.arguments;
var argc=SetCookie.arguments.length;
var expires=(2<argc)?argv[2]:null;
var path=(3<argc)?argv[3]:null;
var домен = (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) )+((домен==null)?:(; домен=+домен))+((безопасный==true)?; безопасный:);
}
функция GetCookie(Name) {
вар поиск = Имя + =;
вар возвращаемое значение = ;
если (document.cookie.length > 0) {
смещение = document.cookie.indexOf(поиск);
если (смещение != -1) {
смещение += search.length;
конец = document.cookie.indexOf(;, смещение);
если (конец == -1)
конец = document.cookie.length;
returnvalue = unescape(document.cookie.substring(offset,end));
}
}
вернуть возвращаемое значение;
}
вар эта кожа;
thisskin = GetCookie (новая кожа);
если(эта кожа!=)
Skin.href=этот скин;
еще
Skin.href=css.css;
функция измененияcss(url){
если(URL!=){
Skin.href=url;
вар expdate = новая дата ();
expdate.setTime(expdate.getTime()+(24*60*60*1000*30));
//expdate=null;
//Следующее устанавливает время COOKIES на 1 год. Вы можете установить время по своему желанию.
SetCookie(nowskin,url,expdate,/,null,false);
}
}
//-->
</СКРИПТ>
</HEAD>
<ТЕЛО>
<P>Выберите раскрывающееся меню ниже, чтобы проверить эффект шлифовки кожи.</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>Выбрать файл таблицы стилей</option>
<язык сценария=javascript>
вар csss = новый массив ();
css[0]=css.css;
css[1]=css1.css;
css[2]=css2.css;
css[3]=css3.css;
вар я;
для(я=0;я<4;я++)
если (этот скин == csss [i])
document.write(<option value=/+csss[i]+/ selected>+csss[i]+файл таблицы стилей</option>);
еще
document.write(<option value=/+csss[i]+/>+csss[i]+файл таблицы стилей</option>);
</скрипт>
</выбрать>
</ТЕЛО>
</HTML>