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

447
23 декабря 2016, 15:51

В примере 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;   
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div class='toggler toggler_active'></div> 
<div class='toggler'></div> 
<div class='toggler'></div>

Answer 1

Если у вас на сайте нет процедуры регистрации и возможности хранить эту информацию на сервере, то можно посоветовать вам использовать localStorage для хранения этой информации в браузере пользователя, например:

Записываем выбор:

localStorage.setItem('squareNumber', '2');

При загрузке страницы считываем предыдущий выбор:

var squareNumber = localStorage.getItem('squareNumber');

Естественно, это будет работать только если пользователь будет заходить с одного и того же компьютера.

READ ALSO
Подсчет количества слайдов в карусели

Подсчет количества слайдов в карусели

Здравствуйте! Есть слайдер - SliderProИспользую его в своем проекте, сейчас стал вопрос - как сделать подсчет количества слайдов в карусели в формате...

697
Как с помощью скрипта заменить запятую на точку при вводе цены в input

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

как скриптом автоматически поменять введенную запятую на точку непосредственно при вводе запятой?

1471
Как импортировать jquery в модули

Как импортировать jquery в модули

При сборке проекта с помощью webpack встал вопросКак импортировать jquery в нужные модули

442