JavaScript | Как передать данные в pop up
Сталин
Привет. Я использую php при работе с бд и выгрузкой товара. НО у меня есть pop up на js который открывается при кнопочке возле каждого товара. Как мне в это всплывающее окошко передавать данные по типу названия и тд? (что бы у каждого товара было свое) пример вывода товара: Сам pop up: Обработчик POP up:
________
посл. ред. 23.08.2022 в 11:51; всего 1 раз(а); by Менталист
html
<?php include 'admin/system/bd.php'; $sql = $pdo->prepare('SELECT * FROM services WHERE type = 1'); $sql->execute(); $data = $sql->fetchAll(); ?> <div class="donate__products-carts active" category-products="survival"> <?php foreach($data as &$el) {?> <div class="donate__products-item" product-id="kolt" block-amount> <div class="donate__products-image"> <img src="<?=$el['img'];?>"> </div> <div class="product__item_info"> <p class="donate__products-name"><?=$el['name'];?></p> </div> <div class="donate__products-buttons"> <div class="product__price"> <p class="donate__products-price"><?=$el['price'];?> ₴</p> <button modal-product="description" class="donate__products-button donate__products-info">Детальніше </button> </div> <div class="product__price"> <button modal-product="buy" class="donate__products-button donate__products-buy" id="modalBtn" onclick="openModal()"> Купить </button> </div> </div> <p class="donate__products-description">Какое то описание продукта Кольт</p> </div> <?php } ?> </div> html
<div class="modal" id="simpleModal"> <div class="modal-content"> <div class="popup_block"> <span class="closeBtn">×</span> <div class="_container"> <div class="left_side"> <div class="left_side_bg"> <div class="popup_block_img"> <img src="assets/images/king.jpeg" alt=""> </div> <div class="popup_block_name"> <p > Name </p> </div> <div class="popup_block_price"> <p>2000 ₴</p> </div> </div> </div> <div class="right_side"> <div class="right_side_bg"> <div class="nickname_block"> <p>Введіть Ваш нікнейм</p> </div> <div class="popup_form"> <form class="modals__form" action="index.html"> <input class="modals__input" type="text" id="nickname" name="nickname" placeholder="Нікнейм"> <button class="modals__button">Купити</button> </form> </div> </div> </div> </div> </div> </div> </div> javascript
// Get modal element var modal = document.getElementById('simpleModal'); // Get open modal button var modalBtn = document.getElementById('modalBtn'); // Get close btn var closeBtn = document.getElementsByClassName('closeBtn')[0]; // Listen for open click modalBtn.addEventListener('click', openModal); // Listen for close click closeBtn.addEventListener('click', closeModal); // Listen to outside click window.addEventListener('click', outsideClick) // Function to open modal function openModal(){ modal.style.display = 'block'; } // Function to close modal function closeModal(){ modal.style.display = 'none'; } // Function to outside click function outsideClick(e){ if(e.target == modal){ modal.style.display = 'none'; } } ________
посл. ред. 23.08.2022 в 11:51; всего 1 раз(а); by Менталист
Менталист , через js передавать ид и в ответе в окне вывод полученого результата
а как это реализовать
Менталист , я дал тебе подсказку, а реализовывать не буду за тебя) Посмотри на сайтах где есть окна, может сможешь понять как это
ну напиши на английском мб? не гуглится что ты написал, мб ты чет путаешь
Менталист , вот по твоему примеру, чутка подделать и будет норм https://www.cyberforum.ru/javascript-jquery/thread1215672.html
FullTwo [!] (23 авг 2022, в 12:21) Менталист , вот по твоему примеру, чутка подделать и будет норм https://www.cyberforum.ru/javascript-jquery/thread1215672.html
при этом к пример передавая idдива с названием я получаю просто название 1 товара...
FullTwo [!] (23 авг 2022, в 12:21) Менталист , вот по твоему примеру, чутка подделать и будет норм https://www.cyberforum.ru/javascript-jquery/thread1215672.html
у меня php генерирует товары, и есть js который открывает модальное окно. Мне нужно подтягивать к каждому товару его данные уникальные.
FullTwo [!] (23 авг 2022, в 12:21) Менталист , вот по твоему примеру, чутка подделать и будет норм https://www.cyberforum.ru/javascript-jquery/thread1215672.html
Ты рендеришь столько же попапов, сколько и товаров у тебя?
REWERK Стр.: 1, 2