Еще один переключатель стилей - Форум
Включить музыку | Понедельник, 05 Дек 2016, 11.41.24| Главная | Регистрация | Вход
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Архив - только для чтения
Форум » Корзина » Архив » Новости сайта » Еще один переключатель стилей
Еще один переключатель стилей
oleffДата: Пятница, 23 Янв 2009, 7.57.51 | Сообщение # 1
Майор
Группа: Проверенные
Город: Рига
На форуме с: 21 Дек 2008
Награды: 6
Сообщений: 70
< >
Статус:
~ Мои награды ~
после
<link type="text/css" rel="StyleSheet" href="Ваш сайт/_st/my.css" />
ставим:
Code

  <link href="http:/ваш сайт/1.css" type="text/css" rel="alternate stylesheet" title="white style" />
<link href="http:/ваш сайт/2.css" type="text/css" rel="alternate stylesheet" title="red style" />
<link href="http:/ваш сайт/3.css" type="text/css" rel="alternate stylesheet" title="green style" />
  <link href="http:/ваш сайт/4.css" type="text/css" rel="alternate stylesheet" title="blue style" />
<script type="text/javascript">

    function switchStyleSheet(title, media) {
          if (typeof media == "undefined" || media == "") {
                media = ".*";
           }

        var mediaPattern = new RegExp("(^|,)\s*" + media + "\s*(,|$)");

          var links = document.getElementsByTagName("link");
         for (var i = 0; i < links.length; i++) {
                 var rel = links[i].getAttribute("rel");
                 var linkTitle = links[i].getAttribute("title");
    

                  if (/(^| )stylesheet( |$)/.test(rel) && linkTitle != null && linkTitle != "") {
                          var styleMedia = links[i].getAttribute("media");
                        if (styleMedia == null || styleMedia == "" || styleMedia == "all" || mediaPattern.test(styleMedia)) {
                    links[i].disabled = true;
                    links[i].rel = "alternate stylesheet";

                    if (linkTitle == title) {
                    links[i].disabled = false;
                    links[i].rel = "stylesheet"
                    }
                           }
                  }
           }
   

         document.cookie = "stylesheet=" + title;
  }

</script>

Этот код ставим куда вам надо

Code

<ul>
  <li><a href="#" onclick="switchStyleSheet('red style')">Красный</a></li>
     <li><a href="#" onclick="switchStyleSheet('green style')">Зеленый</a></li>
    <li><a href="#" onclick="switchStyleSheet('blue style')">Синий</a></li>
     <li><a href="#" onclick="switchStyleSheet('white style')">Белый</a></li>
    </ul>

Демо версия


http://allbest.ucoz.lv
Файлы, конкурсы, топы, аукционы, достижения
 
LianaДата: Пятница, 23 Янв 2009, 11.13.28 | Сообщение # 2
Майор
Группа: Пользователи
Город: Москва
На форуме с: 25 Дек 2008
Награды: 0
Сообщений: 55
< >
Статус:
~ Мои награды ~
mersi
 
БелчонкаДата: Воскресенье, 25 Янв 2009, 12.27.04 | Сообщение # 3
Admin
Группа: Администраторы
Город: Almaty
На форуме с: 13 Дек 2007
Награды: 57
Сообщений: 5754
< >
Статус:
~ Мои награды ~
oleff, Спасибо)Проверила работает)Только вот при каждом переходе страницы нужно нажать опять на цвет,это доставляет хлопоты)

 
Husky0139Дата: Вторник, 22 Фев 2011, 11.02.22 | Сообщение # 4
Рядовой
Группа: Пользователи
Город: Киев
На форуме с: 22 Фев 2011
Награды: 0
Сообщений: 2
< >
Статус:
~ Мои награды ~
я ничего не понял sm31
 
veterokuaДата: Среда, 23 Фев 2011, 12.02.07 | Сообщение # 5
Генерал-полковник
Группа: Администраторы
На форуме с: 11 Окт 2009
Награды: 93
Сообщений: 1647
< >
Статус:
~ Мои награды ~
Husky0139, что именно не понятно
Вот тут ДЕМО посмотри работу
 
Форум » Корзина » Архив » Новости сайта » Еще один переключатель стилей
Страница 1 из 11
Поиск:
Последние сообщения на форуме
Посетители дня
Посетители:

В гостях у Белчонки © 2016