|
Нужна помощь со скриптом
|
|
Пользователь
130 сообщений
Мужчина
|
Помогите пожалуйста, хочу поставить скрипт на сайт смены стилей на сайте без обновления, скрипт работает, всё норм
Это перед </head>:
Code <!-- Смена дизайна -->
<link id="dyncss" rel="stylesheet" type="text/css" href="">
<script type="text/javascript">
function setDynCSS(url) {
if (!arguments.length) {
url = (url = document.cookie.match(/\bdyncss=([^;]*)/)) && url[1];
if (!url) return '';
}
document.getElementById('dyncss').href = url;
var d = new Date();
d.setFullYear(d.getFullYear() + 1);
document.cookie = ['dyncss=', url, ';expires=', d.toGMTString(), ';path=/;'].join('');
return url;
}
setDynCSS();
</script>
<!-- /Смена дизайна -->
Это сами кнопки переключения:
Code <img style="cursorointer;" src="http://www.sernovodsk.net/pic/05.png" onclick="setDynCSS('http://s70.ucoz.net/src/panel1.css')" alt="Заря"> <img style="cursorointer;" src="http://www.sernovodsk.net/pic/02.png" onclick="setDynCSS('http://s70.ucoz.net/src/panel2.css')" alt="День"> <img style="cursorointer;" src="http://www.sernovodsk.net/pic/03.png" onclick="setDynCSS('http://s70.ucoz.net/src/panel3.css')"alt="Вечер"> <img style="cursorointer;" src="http://www.sernovodsk.net/pic/04.png" onclick="setDynCSS('http://s70.ucoz.net/src/panel4.css')"alt="Ночь">
Мне нужно сделать так, чтобы стили можно было выбирать в списке типо:
Code <select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
|
|
|
|
|
|
Бывалый
649 сообщений
Мужчина
|
Code <select> <option value="1" >-Выберите-</option> <a href="javascript://" onclick="setDynCSS('http://s70.ucoz.net/src/panel1.css')"><option value="2">Заря</option></a> <a href="javascript://" onclick="setDynCSS('http://s70.ucoz.net/src/panel2.css')"><option value="3">День</option></a> <a href="javascript://" onclick="setDynCSS('http://s70.ucoz.net/src/panel3.css')"><option value="4" >Вечер</option></a> <a href="javascript://" onclick="setDynCSS('http://s70.ucoz.net/src/panel4.css')"><option value="5">Ночь</option></a> </select>
Попробуй, но я не проверял |
|
|
|
|
|
Пользователь
130 сообщений
Мужчина
|
kiruxaable, нее, так пробывал - не работает
|
|
|
|
|
|
Бывалый
649 сообщений
Мужчина
|
ЖеХа4, обновил
|
|
|
|
|
|
Пользователь
130 сообщений
Мужчина
|
kiruxaable, спасибо) вопрос решён:)
|
|
|
|
|
|
Coder
701 сообщениий
Мужчина
|
Что это за ужас?
Code <select>
<option value="1" >-Выберите-</option>
<option value="2" onclick="setDynCSS('http://s70.ucoz.net/src/panel1.css')">Заря</option>
<option value="3" onclick="setDynCSS('http://s70.ucoz.net/src/panel2.css')">День</option>
<option value="4" onclick="setDynCSS('http://s70.ucoz.net/src/panel3.css')">Вечер</option>
<option value="5" onclick="setDynCSS('http://s70.ucoz.net/src/panel4.css')">Ночь</option>
</select>
Вот так тоже должно работать, и код будет валидным, а не то, что ваш ужас выше... Прям пипец, обернуть option в a... Это надо ведь додуматься?! facepalm
|
|
|
|
|
|
Бывалый
328 сообщений
Мужчина
|
TRANE73, как умеет) не все ведь такие знатоки js, как ты..
в хорошем смысле*
|
|
|
|
|
|
Coder
701 сообщениий
Мужчина
|
Brightside19, Здесь js не причем, тут явное незнание синтаксиса HTML и его правильной структуры
|
|
|
|
|
|
Бывалый
328 сообщений
Мужчина
|
TRANE73, согласен, не рассмотрел сразу толком код..
|
|
|
|
|
|
Пользователь
130 сообщений
Мужчина
|
Как сделать кросбраузерность? оно работает теберь только на мазиле, а на хроме нет
|
|
|
|
|
|
Бывалый
1828 сообщений
Мужчина
|
ЖеХа4, пробуй:
Code <select> <option value="1" >-Выберите-</option> <option value="2"><a href="javascript://" onclick="setDynCSS('http://s70.ucoz.net/src/panel1.css')">Заря</a></option> <option value="3"><a href="javascript://" onclick="setDynCSS('http://s70.ucoz.net/src/panel2.css')">День</a></option> <option value="4"><a href="javascript://" onclick="setDynCSS('http://s70.ucoz.net/src/panel3.css')">Вечер</a></option> <option value="5"><a href="javascript://" onclick="setDynCSS('http://s70.ucoz.net/src/panel4.css')">Ночь</a></option> </select>
|
|
|
|
|
|
Пользователь
130 сообщений
Мужчина
|
Moool13, не на хроме так и не работает :(
|
|
|
|
|
|
Coder
701 сообщениий
Мужчина
|
Moool13, Мда... Еще лучше, засунуть в список ссылку, ты не читал ни разу документацию официальную? В option должен быть только текст, а не то, что ты тут придумываешь... Перепишите скрипт на onchange="setDynCSS(this.rel)" а в option к каждому допишите адрес ксс в атрибут rel
|
|
|
|
|
|
Бывалый
1828 сообщений
Мужчина
|
TRANE73, прошу прощения, просто с селектом как таковым не работал, а без практики то, что когда то читал, забывается.
ЖеХа4, пробуй:
Code
<select onchange="setDynCSS(this.value)">
<option value="" >-Выберите-</option>
<option value="http://s70.ucoz.net/src/panel1.css">Заря</option>
<option value="http://s70.ucoz.net/src/panel2.css">День</option>
<option value="http://s70.ucoz.net/src/panel3.css">Вечер</option>
<option value="http://s70.ucoz.net/src/panel4.css">Ночь</option>
</select>
|
|
|
|
|
|
Пользователь
130 сообщений
Мужчина
|
Спасибо всё заработало
|
|
|
|
|
|
