Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Как выводить в одном модальном окне данные из разных карточек товара по клику на кноп (https://javascript.ru/forum/events/78555-kak-vyvodit-v-odnom-modalnom-okne-dannye-iz-raznykh-kartochek-tovara-po-kliku-na-knop.html)

Taison_007 02.10.2019 23:19

Как выводить в одном модальном окне данные из разных карточек товара по клику на кноп
 
Всем привет! есть модальное окно и много карточек товара, при клике на кнопку в карточке товара должно открываться модальное окно с отображением данных из карточки.

Знающие люди советуют сделать через цикл for, заблудился в дебрях.

var modal = document.getElementById('myModal');

var btn = document.getElementById("card-1");

var span = document.getElementsByClassName("close")[0];

btn.onclick = function() {
modal.style.display = "flex";
}

span.onclick = function() {
modal.style.display = "none";
}

window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
};
};

рони 03.10.2019 09:19

Taison_007,
добавьте немного html.
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[html run]
... минимальный код страницы с вашей проблемой
[/html]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.


Часовой пояс GMT +3, время: 21:13.