Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Добавить класс на cookie (https://javascript.ru/forum/dom-window/75455-dobavit-klass-na-cookie.html)

puzjob 11.10.2018 09:26

Добавить класс на 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.
Помогите пожалуйста!!!

рони 11.10.2018 10:08

puzjob,
пропишите в css скрытие кнопок

рони 11.10.2018 10:11

puzjob,
mob_tennis.css добавить
#night_bottom {
    display: none;
}

puzjob 11.10.2018 10:13

рони,
точно!!! гениальное решение!!! Спасибо большое!!!! Как сам не сообразил!!:yes:

рони 11.10.2018 10:15

puzjob,
какой скрипт??? добавить по строке в mob_tennis.css и mob_blue.css

puzjob 11.10.2018 10:17

рони,
Да, спасибо! Понял!!!


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