/ Scripts & jquery / localStorage

localStorage

HIT

08.12.2015

1717

localStorage — технология хранения данных в браузере. Применяется для «запоминания» состояний интерфейсов, идентификационных данных, либо другой информации.

<style>
#idVhod {display: none; /* изначально скрыт */}
</style>

<button onclick="onclickVhod()">открыть</button> <span id="idVhod">скрытый текст</span>

<script>
var idVhod = document.getElementById('idVhod');

function onclickVhod() {
  idVhod.style.display = (idVhod.style.display == 'inline') ? '' : 'inline';
  localStorage.setItem('hide', idVhod.style.display); // сохраняем значение в ключ hide
}

if(localStorage.getItem('hide') == 'inline') { // если значение ключа hide "inline"
  document.getElementById('idVhod').style.display = 'inline';
}
</script>

Применение технологии в вариантах расположения товаров в виде блоков или линий:

localStorage.removeItem('construct', 'blocks');

localStorage.setItem('construct', 'lines');

Пример работы, если нажать кнопку — появится текст, при перезагрузке браузера текст останется. Если спрятать текст и перезагрузить то текста не будет и т.д.

скрытый текст [site-socialshare]
  • Комментарии
  • Вложения

Добавить комментарий

Notice: Функция WP_Styles::add вызвана неправильно. Стиль с дескриптором "editor-buttons" был поставлен в очередь с незарегистрированными зависимостями: dashicons. Дополнительную информацию можно найти на странице «Отладка в WordPress». (Это сообщение было добавлено в версии 6.9.1.) in /home/t/tiberi6w/opttour.ru/public_html/wp-includes/functions.php on line 6131

Пока нет комментариев. Будь первым!

localStorage
Выявление и исправление битых ссылок на сайте
Рекомендации для васВыявление и исправление битых ссылок на сайтеOpttour.ru
Спасибо! Наш менеджер свяжется с Вами в течении 5 минут.