создадим js файлик примером назовем его "gs.js"
В него суем код:
DynCSS = {
css: [
{ title: 'Синий', url: '/temp/blue/style.css' },
{ title: 'Красный', url: '/temp/red/style.css' },
{ title: 'Лайм', url: '/temp/lime/style.css' }
],
id2e: function(id) { return document.getElementById(id); },
init: function() {
this.renderOptions();
var icss = (icss = String(document.cookie).match(/\bdyncss=([^;]*)/)) && icss[1];
this.setCSS(icss);
},
setCSS: function(icss) {
var s = this.id2e('dynCSSSelect');
if (!arguments.length) icss = s.value;
else s.value = this.css[icss = parseInt(icss) || 0] ? icss : 0;
var css = this.css[icss];
this.id2e('dynCSS').href = css.url;
var d = new Date();
d.setFullYear(d.getFullYear() + 1);
document.cookie = ['dyncss=', icss, ';expires=', d.toGMTString(), ';path=/;'].join('');
return this;
},
renderOptions: function() {
for (var i = 0, s = this.id2e('dynCSSSelect'); i < this.css.length; ++i)
s.options.add(new Option(this.css[i].title, i));
}
};
Далее в html файле подключим наш скрипт!
В шапке всталвяешь такое:
<link id="dynCSS" rel="stylesheet" type="text/css" href="temp/default/style.css">
И можно приступить к переключателю стилей!
<script language="JavaScript" type="text/javascript">
document.write('<div class="kat">Выбор стиля</div>')
document.write('<hr><div class="pkm"><center>')
document.write('<select id="dynCSSSelect"></select>')
document.write('<input type="button" onclick="DynCSS.setCSS()" value="OK">')
DynCSS.init();
document.write('</center></div>')
document.write('<hr>')
</script>
Там думаю допрешь, как добавить стили или изменить!
