Показать сообщение отдельно
  #4 (permalink)  
Старый 02.12.2010, 18:39
Аватар для karakym
Профессор
Отправить личное сообщение для karakym Посмотреть профиль Найти все сообщения от karakym
 
Регистрация: 21.02.2010
Сообщений: 213

создадим 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>

Там думаю допрешь, как добавить стили или изменить!
Ответить с цитированием