вопрос
Снова приветствую всех знатоков и новичков данного ресурса!
Вчера возник такой вопрос. А точнее нашел интересный код вот только он не полностью реализован.
Кто сможет помочь с данным кодом? Нужно чтобы по клику на кнопку стиль менялся на темный и светлый с запоминанием. Данная система реализована на сайте gamespot(точка)com сверху в главном меню на сайте и форуме.
Заранее благодарю.
Вчера возник такой вопрос. А точнее нашел интересный код вот только он не полностью реализован.
<ul class="switch skin-switch">
<li id="skin-switch" class="switch__item switch__item--black">
<a href="#" data-click-track-id="eyebrow-skin-white" rel="gamespot_white" data-rel-url="{THEME}/css/gamespot_white.css" data-richtexteditortheme="wysiwyg_white" data-richtexteditortheme-url="{THEME}/css/wysiwyg_white.css" class="skin-switch-btn white switch__btn tipsy " data-original-title="День">С</a>
<a href="#" data-click-track-id="eyebrow-skin-black" rel="gamespot_black" data-rel-url="{THEME}/css/gamespot_black.css" data-richtexteditortheme="wysiwyg_black" data-richtexteditortheme-url="{THEME}/css/wysiwyg_black.css" class="skin-switch-btn black switch__btn tipsy " data-original-title="Ночь">С</a>
</li>
</ul>
Кто сможет помочь с данным кодом? Нужно чтобы по клику на кнопку стиль менялся на темный и светлый с запоминанием. Данная система реализована на сайте gamespot(точка)com сверху в главном меню на сайте и форуме.
Заранее благодарю.
Нашел решение))
Код кнопки:
Код JS:
Код кнопки:
<ul class="switch skin-switch">
<li id="skin-switch" class="switch__item switch__item--black">
<a href="#" data-click-track-id="eyebrow-skin-white" rel="gamespot_white" onclick="setDynCSS('{THEME}/css/gamespot_white-1.css')" data-richtexteditortheme="wysiwyg_white" class="skin-switch-btn white switch__btn tipsy" data-original-title="День">С</a>
<a href="#" data-click-track-id="eyebrow-skin-black" rel="gamespot_black" onclick="setDynCSS('{THEME}/css/gamespot_black-1.css')" data-richtexteditortheme="wysiwyg_black" class="skin-switch-btn black switch__btn tipsy " data-original-title="Ночь">С</a>
</li>
</ul>
Код JS:
<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>