Вход

Просмотр полной версии : Сохранение блока при переходе на другую страницу


Игорь Новик
07.03.2019, 16:34
Здравствуйте. Помогите пожалуйста первокласснику. Делаю список заказа (наподобие корзины для товаров). При клике по чекбоксу появляется div (include) с фиксированной позицией, в который заносится имя. Но при переходе на другую страницу он, естественно, сворачивается. Можно ли с помощью JS, JQ сохранить блок на месте, чтобы посетитель мог продолжить выбор на другой странице каталога? Если "да", то подскажите в общих чертах как это сделать. Заранее спасибо.

Nexus
07.03.2019, 17:38
<div id="cart" style="display:none">block</div>
<button type="button" id="button">Toggle</button>
<script>
try {
const cart = document.getElementById('cart');
const button = document.getElementById('button');

button.addEventListener('click', function() {
const isHidden = +(cart.style.display === 'none');
cart.style.display = ['none', 'block'][isHidden];
localStorage.setItem('cart-expanded', isHidden);
});

if (+localStorage.getItem('cart-expanded'))
button.click();

} catch (e) {
console.error(e);
};
</script>

Игорь Новик
07.03.2019, 18:52
Спасибо большое! Это больше, чем я ожидал. Удачи Вам.