Как закрыть блок?

Question

[tosster22]

Здравствуйте. Подскажите, как на чистом js добавить блоку возможность закрытия по крестику и сделать это так, чтобы блок не появлялся при переходе на другую страницу сайта?

Comments

[Andrew]

Разберитесь то, что вы хотите сделать.
Возможность закрытия = исчезал по клику на кнопку(гуглить: самодельные popup)

чтобы блок не появлялся при переходе на другую страницу сайта

Это как? если его нет в коде на другой странице - он не появится

[tosster22]

Andrew, а с чего вы взяли что нет? он есть. сайт динамический на cms

[Andrew]

tosster22, поставьте ему стилями(сразу) чтобы он не был виден и вызывайте по надобности (обработчик клика - показать блок)

[tosster22]

Andrew, он должен быть изначально показан, а при клике на кнопку закрываться. это баннер))

[Rustam Bainazarov]

tosster22, изначально скрываете, делаете проверку на наличие cookie скрытия: если cookie нет, то показывать. По клику на крестик скрываете, ставите cookie, который и будет маркером скрытия.

Ну или там с localStorage, с которым я не имею работать, но вы-то умеете, ведь правда? Лучше, конечно, с ним.

Answer 1

[hzzzzl]

вот ответ на второй вопрос, который закрыли
https://codepen.io/anon/pen/byqvWG?editors=1010

Comments

[Stalker_RED]

Неа, ты руками вписал крестрк в блок. А надо скриптом.

[hzzzzl]

Stalker_RED, зачем крест скриптом, если он одно и то же делает всегда

tosster22, добавил локал стораж
https://codepen.io/anon/pen/byqvWG

Answer 2

[Stalker_RED]

При загрузке страницы проверяешь в localStorage, был ли блок уже скрыт ранее.
Если да, то сразу скрываешь блок, и все.
Если нет, то:
  Создаешь элемент с крестиком (createElement)
  Вставляешь в нужный блок (appendChild или insertBefore)
  Добавляешь к нему стили и обработчик клика, в котором не только скрытие блока, но и запись в localStorage о том, что блок был скрыт.

Comments

[tosster22]

Если можно, то приведите пример. Я только учу js)))

[Stalker_RED]

tosster22, вот здесь кнопка stop сделана скриптом


Для удаления просто .remove()