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 - Пробовал делать как написано, но перестают работать скрипты.
http://codepen.io/warycooper/pen/yVpxNL
https://codepen.io/anzarsh/pen/mOpwdR - я не знаю как вы задумывали чтоб это работало, но в куки он сохраняет.
Спасибо большое за помощь! Сейчас проверил, записывает кук только фона кнопки, а самого фон самого текста не записывает.
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();
}
});
});
---------- Добавлено 02.12.2016 в 05:54 ----------
.whitefon - этот класс не записывает
это все с той статьи скопипастил, почти
Не работает. Фон меняется, а копка перестала и при обновлении страницы возвращается в исходное состояние.
А куда именно вписывать значение?
Скрипты писал не я, поэтому и прошу помощи. https://learn.javascript.ru/cookie - Пробовал делать как написано, но перестают работать скрипты.