вопрос
Здравствуйте, у меня на сайте функционал позволяет добавлять или убирать плавающую панель одной кнопкой, при нажатии на кнопку добавляется только класс в body и навигация ставновиться плавающая.
Как вот такой эффект запомнить для пользователя? Например он выбрал плавающую навигацию, она у него всегда, нажал на off она у него не плавает?
По сути мне нужно сделать только что бы для пользователя запоминался выбор, остальное всё сделано.
Как вот такой эффект запомнить для пользователя? Например он выбрал плавающую навигацию, она у него всегда, нажал на off она у него не плавает?
По сути мне нужно сделать только что бы для пользователя запоминался выбор, остальное всё сделано.
// работа с куками
function setCookie(a, b, c) {
if (c) {
var d = new Date();
d.setTime(d.getTime() + (c * 24 * 60 * 60 * 1000));
var e = "; expires=" + d.toGMTString()
} else var e = "";
document.cookie = a + "=" + b + e + "; path=/"
}
function getCookie(a) {
var b = a + "=";
var d = document.cookie.split(';');
for (var i = 0; i < d.length; i++) {
var c = d[i];
while (c.charAt(0) == ' ') c = c.substring(1, c.length);
if (c.indexOf(b) == 0) return c.substring(b.length, c.length)
}
return null
}
function delCookie(a) {
setCookie(a, "", -1)
}
// функция
function statysBlock(){
var xB;
var a = getCookie("statysBlock");
if ( a == null ) {
if ( a == "a" ) {
setCookie( "statysBlock", "s", 365 );
$( "body" ).removeClass( "activeBlock" );
xB = "Показать блок";
} else if ( a == "s" ) {
setCookie( "statysBlock", "a", 365 );
$( "body" ).addClass( "activeBlock" );
xB = "Скрыть блок";
}
} else {
setCookie( "statysBlock", "a", 365 );
$( "body" ).addClass( "activeBlock" );
xB = "Скрыть блок";
}
$(".statysBlock").html(xB);
}
// проверка при старте
$(document).ready(function() {
// запрос к функции
statysBlock();
});
<div class="statysBlock" onclick="statysBlock()">Скрыть блок</div>