Страницы

Поиск по вопросам

вторник, 20 ноября 2018 г.

Как сохранять в коде изменения при перезапуске страницы

В примере 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');
Естественно, это будет работать только если пользователь будет заходить с одного и того же компьютера.

Комментариев нет:

Отправить комментарий