В примере 3 "div" при нажатии меняют цвет. Вопрос как сделать так чтобы это все сохранялось и при перезагрузке страницы изменения сохранялись. Например зашел пользователь пощелкал остановился на втором. Вышел на следующий день зашел на сайт а активный див остался тот же что он щелкнул последний раз.
Буду рад даже литературе в этом направлении. Заранее спасибо=)
$('.toggler').click(function () {
$('.toggler').removeClass('toggler_active');
var toggler = $(this);
toggler.addClass('toggler_active');
});
.toggler {
width: 100px;
height: 100px;
background-color: red;
display: inline-block;
}
.toggler_active {
background-color: green;
}
Ответ
Если у вас на сайте нет процедуры регистрации и возможности хранить эту информацию на сервере, то можно посоветовать вам использовать localStorage для хранения этой информации в браузере пользователя, например:
Записываем выбор:
localStorage.setItem('squareNumber', '2');
При загрузке страницы считываем предыдущий выбор:
var squareNumber = localStorage.getItem('squareNumber');
Естественно, это будет работать только если пользователь будет заходить с одного и того же компьютера.
Комментариев нет:
Отправить комментарий