VPF::Замена CSS. - Форум программистов

Elfet

Дата 15.2.2009, 11:32 (ссылка)

(нет голосов)

Загрузка ...

Белый и Пушистый

Профиль
Группа: Awaiting Authorisation
Сообщений: 3776
Регистрация: 2.4.2003

Репутация: нет
Всего: 16

Всем привет!
Такая задача: у меня есть два файла: style_red.css и style_blue.css.
На страницу подключен первый файл: style_red.css
Нажав на иконку смены стиля, должен начать использоваться второй файл: style_blue.css
Как это сделать?

Заранее спасибо! smile

--------------------

PHP Чат Скрипт

bars80080

Дата 15.2.2009, 12:31 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 15
Всего: 315

перезагрузить страницу, в которой
<link href="<?php echo $currentStyles; ?>" />
$currentStyles - меняется в зависимости от выбора

Elfet

Дата 15.2.2009, 15:23 (ссылка)

(нет голосов)

Загрузка ...

Белый и Пушистый

Профиль
Группа: Awaiting Authorisation
Сообщений: 3776
Регистрация: 2.4.2003

Репутация: нет
Всего: 16

bars80080, это понятно. А я хочу без перезагрузки страницы - возможно ли?

--------------------

PHP Чат Скрипт

bars80080

Дата 15.2.2009, 23:39 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 15
Всего: 315

ну попробуй на линк посадить id и поменять у него href. но имхо, не получится. а главное зачем? неужели требуется так часто менять цветовую комбинацию?

Samotnik

Дата 16.2.2009, 01:38 (ссылка)

(нет голосов)

Загрузка ...

Super star !

Профиль
Группа: Awaiting Authorisation
Сообщений: 7192
Регистрация: 4.11.2006
Где: Минск City

Репутация: 3
Всего: 191

это или это должно помочь.

Elfet

Дата 16.2.2009, 10:28 (ссылка)

(нет голосов)

Загрузка ...

Белый и Пушистый

Профиль
Группа: Awaiting Authorisation
Сообщений: 3776
Регистрация: 2.4.2003

Репутация: нет
Всего: 16

Samotnik, ок, спасибо!

--------------------

PHP Чат Скрипт

Soah

Дата 19.2.2009, 22:27 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 512
Регистрация: 18.2.2009

Репутация: 8
Всего: 54

style_red.css

Код


.txt {background-color: red;}

style_blue.css

Код


.txt {background-color: blue;}

Код


<head>
  <link rel="stylesheet" type="text/css" id="myStyle" href="css/style_red.css" />
</head>
<body>

<div class="txt">Text</div>

<script type="text/javascript">
    function changeCSS(name) 
    {
        document.getElementById("myStyle").href = "css/" + name + ".css";
    }
</script>

<input type="button" value="Blue" onclick="changeCSS('style_blue')" />
</body>

Elfet

Дата 20.2.2009, 20:18 (ссылка)

(нет голосов)

Загрузка ...

Белый и Пушистый

Профиль
Группа: Awaiting Authorisation
Сообщений: 3776
Регистрация: 2.4.2003

Репутация: нет
Всего: 16

Soah, будет работать? Стили друг друга не перекрывают?

--------------------

PHP Чат Скрипт

Soah

Дата 20.2.2009, 20:51 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 512
Регистрация: 18.2.2009

Репутация: 8
Всего: 54

Да вроде всё работает.

style_red.css

Код


.txt { color: red; }

div { color : orange; }

style_blue.css

Код


.txt { color: blue; }

Код


<head>
  <link rel="stylesheet" type="text/css" id="myStyle" href="css/style_red.css" />
</head>
<body>

<div class="txt">Text</div>
<div>Abracadabra</div>

<script type="text/javascript">
    function changeCSS(name) 
    {
        document.getElementById("myStyle").href = "css/" + name + ".css";
    }
</script>

<input type="button" value="Blue" onclick="changeCSS('style_blue')" />
<input type="button" value="Red" onclick="changeCSS('style_red')" />
</body>

Elfet

Дата 20.2.2009, 21:36 (ссылка)

(нет голосов)

Загрузка ...

Белый и Пушистый

Профиль
Группа: Awaiting Authorisation
Сообщений: 3776
Регистрация: 2.4.2003

Репутация: нет
Всего: 16

Soah, спасибо!

--------------------

PHP Чат Скрипт

bars80080

Дата 20.2.2009, 21:45 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 15
Всего: 315

мда, в очередной раз стоит принять к сведению, что вопрошающие в основном ищут готовые решения, а не совет

Elfet

Дата 20.2.2009, 22:18 (ссылка)

(нет голосов)

Загрузка ...

Белый и Пушистый

Профиль
Группа: Awaiting Authorisation
Сообщений: 3776
Регистрация: 2.4.2003

Репутация: нет
Всего: 16

bars80080, какой тут может быть совет? smile

--------------------

PHP Чат Скрипт

awers

Дата 20.2.2009, 22:32 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Участник
Сообщений: 1465
Регистрация: 22.3.2006
Где: Россия, Таганрог

Репутация: нет
Всего: 31

bars80080, тут какраз пхп был не к месту )

А стили можно ещё менять с помощью изменения атрибута disabled

bars80080

Дата 21.2.2009, 12:07 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 15
Всего: 315

Elfet, awers, попробуйте найти разницу в решение Soah и

Цитата(bars80080 @ 15.2.2009, 22:39

)

попробуй на линк посадить id и поменять у него href

но меня больше убил вопрос:

Цитата(Elfet @ 20.2.2009, 19:18

)

Soah, будет работать? Стили друг друга не перекрывают?

т.е. товарищ изначально не планирует заниматься тестированием, а оставляет это на откуп советчикам

awers

Дата 21.2.2009, 12:48 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Участник
Сообщений: 1465
Регистрация: 22.3.2006
Где: Россия, Таганрог

Репутация: нет
Всего: 31

bars80080, ну не всем интересно тестировать. К сожелению

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »