Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Как подменять ФАЙЛ CSS при клике нассылку!!!! СРОЧНО ПОМОГИТЕ. (https://javascript.ru/forum/misc/13500-kak-podmenyat-fajjl-css-pri-klike-nassylku-srochno-pomogite.html)

pavdin 01.12.2010 01:49

Как подменять ФАЙЛ CSS при клике нассылку!!!! СРОЧНО ПОМОГИТЕ.
 
Как подменять ФАЙЛ CSS при клике нассылку!!!! СРОЧНО ПОМОГИТЕ.

Т.е было


<head>
<link href="style_1.css" rel="stylesheet" type="text/css">

нащимаем на ссылку

получаем

<link href="style_2.css" rel="stylesheet" type="text/css">



ПОМГИТЕ ПОЖАЛУЙСТА!!!! СПЕЦЫ

ksa 01.12.2010 08:41

Если есть серверный язык:
- запомнить урл новой ЦССки
- перегрузить страницу
- при генерации оной, указать новый урл в соответствующем теге

monolithed 01.12.2010 09:34

Уже обсуждалось

karakym 02.12.2010 18:39

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

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

dmitriymar 02.12.2010 20:44

Цитата:

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

а кто обязан допирать?


Часовой пояс GMT +3, время: 02:19.