Добавить класс на cookie
Друзья, всем привет, требуются небольшая помощь!
Имеется замечательный скрипт смены стилей на сайте, он записывает стиль в кукии при перезагрузки отображает последний выбранный
<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>
в head <link id="dyncss" rel="stylesheet" type="text/css" href=""> и сами кнопки для смены стилей (картинки)
<img style="cursor:pointer;" id="day_bottom" src="../images/day_green.jpg" onclick="setDynCSS('../styles/mob_tennis.css'); day_bottom();" title="Светлый стиль оформления"
<img style="cursor:pointer;" id="night_bottom" src="../images/night_green.jpg" onclick="setDynCSS('../styles/mob_blue.css'); night_bottom();" title="Темный стиль оформления">
смену картинки реализовал так
<script type="text/javascript">
function day_bottom() {$("#day_bottom").fadeOut();$("#night_bottom").fadeIn()}
function night_bottom() {$("#night_bottom").fadeOut();$("#day_bottom").fadeIn()}
</script>
Но беда в том, что при перезагрузке страницы возвращается первоначальная картинка! Выбранный стиль сохраняется, а вот картинка нет! Как в скрипт прописать условия добавление стиля для картинок, что бы это запомнилось в cookie или же просто display:none ? В общем надо что бы смена и стилей и кнопок (картинок) записывалось в coockie. Помогите пожалуйста!!! |
puzjob,
пропишите в css скрытие кнопок |
puzjob,
mob_tennis.css добавить
#night_bottom {
display: none;
}
|
рони,
точно!!! гениальное решение!!! Спасибо большое!!!! Как сам не сообразил!!:yes: |
puzjob,
какой скрипт??? добавить по строке в mob_tennis.css и mob_blue.css |
рони,
Да, спасибо! Понял!!! |
| Часовой пояс GMT +3, время: 05:44. |