http://codepen.io/warycooper/pen/yVpxNL
Спасибо большое за помощь! Сейчас проверил, записывает кук только фона кнопки, а самого фон самого текста не записывает.
window.onload = function() { document.getElementById('SuperButton').onclick = function() { if(document.getElementById('col').className != 'whitefon') { document.getElementById('col').className = 'whitefon'; } else { document.getElementById('col').className = 'topic-content'; } } } function getCookie(name) { var matches = document.cookie.match(new RegExp( "(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)" )); return matches ? decodeURIComponent(matches[1]) : undefined; } $(function(){ var yourcolor = getCookie('color'); // alert(1); if(yourcolor){ if(yourcolor=="button1"){ } else if(yourcolor=="button2"){ $('.button1').removeClass('active'); $('.button2').addClass('active'); } } $('.button1, .button2').click(function(){ $('.button1, .button2').toggleClass('active'); if($('.button1').hasClass('active')){ var date = new Date(new Date().getTime() + 60 * 1000); document.cookie = "color=button1; path=/; expires=" + date.toUTCString(); } else if($('.button2').hasClass('active')){ var date = new Date(new Date().getTime() + 60 * 1000); document.cookie = "color=button2; path=/; expires=" + date.toUTCString(); } }); });
function getCookie(name) { var matches = document.cookie.match(new RegExp( "(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)" )); return matches ? decodeURIComponent(matches[1]) : undefined; } $(function(){ var yourcolor = getCookie('color'); if(yourcolor){ if(yourcolor=="button1"){ } else if(yourcolor=="button2"){ $('.button1').removeClass('active'); $('.button2').addClass('active'); } } $('.button1, .button2').click(function(){ $('.button1, .button2').toggleClass('active'); if($('.button1').hasClass('active')){ var date = new Date(new Date().getTime() + 60 * 1000); document.cookie = "color=button1; path=/; expires=" + date.toUTCString(); } else if($('.button2').hasClass('active')){ var date = new Date(new Date().getTime() + 60 * 1000); document.cookie = "color=button2; path=/; expires=" + date.toUTCString(); } }); });
Не работает. Фон меняется, а копка перестала и при обновлении страницы возвращается в исходное состояние.
А куда именно вписывать значение?
Скрипты писал не я, поэтому и прошу помощи. https://learn.javascript.ru/cookie - Пробовал делать как написано, но перестают работать скрипты.