yanadev
@yanadev
кодю

Как сделать много одинаковых по дизайну, но разных по контенту всплывающих окон?

На сайте портфолио есть список работ, при клике на каждую открывается модальное окно.
Как сделать так чтобы модальное окно было одно, а контент подставлялся в зависимости от того по какой работе кликнули? Сайт делаю без сборки.
  • Вопрос задан
  • 189 просмотров
Пригласить эксперта
Ответы на вопрос 3
sniggering_deus
@sniggering_deus Куратор тега JavaScript
Dance Gavin Dance - Prisoner
Если так уж хочется иметь одно модальное окно, тогда, вот простой вариант:



Особо заморачиваться не стал со стилями и пр. Если что, допилить до "идеала" не проблема, справитесь. Но как мне кажется, если контента много, то проще всё это дело, реализовывать разными/отдельными и независимыми модальными окнами. ИМХО конечно же.
Ответ написан
@Keliorw
Так можно же сделать несколько блоков контента внутри модального окна выставить у них display: none; потом накинуть на каждый тег кнопки атрибут onclick="имя вызываемой функции ()" и уже в js настроить функцию которая меняет display: none; на display: block;

Вот переделал пример выше под мой вариант: https://codepen.io/keliorw/pen/ExKmPbj
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы