Loading...
JavaScript | Как передать данные в pop up
Привет. Я использую php при работе с бд и выгрузкой товара. НО у меня есть pop up на js который открывается при кнопочке возле каждого товара. Как мне в это всплывающее окошко передавать данные по типу названия и тд? (что бы у каждого товара было свое)

пример вывода товара:
<?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>


Сам pop up:

<div class="modal" id="simpleModal">
<div class="modal-content">
<div class="popup_block">
<span class="closeBtn">&times;</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>


Обработчик POP up:

// 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 передавать ид и в ответе в окне вывод полученого результата
FullTwo [!] (23 авг 2022, в 12:04)
Менталист , через js передавать ид и в ответе в окне вывод полученого результата
а как это реализовать
Менталист , я дал тебе подсказку, а реализовывать не буду за тебя)

Посмотри на сайтах где есть окна, может сможешь понять как это
FullTwo [!] (23 авг 2022, в 12:09)
Менталист , я дал тебе подсказку, а реализовывать не буду за тебя)

Посмотри на сайтах где есть окна, может сможешь понять как это
ну напиши на английском мб? не гуглится что ты написал, мб ты чет путаешь
Менталист , вот по твоему примеру, чутка подделать и будет норм
https://www.cyberforum.ru/javascript-jquery/thread1215672.html
FullTwo [!] (23 авг 2022, в 12:21)
Менталист , вот по твоему примеру, чутка подделать и будет норм
https://www.cyberforum.ru/javascript-jquery/thread1215672.html
смотри) но ведь я генерирую товары через цикл php)
при этом к пример передавая 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
в общем я просто сделал добавление id с бд товара к концу id html тега ) что бы они были "уникальные"
Ты рендеришь столько же попапов, сколько и товаров у тебя?
Онлайн: 3
Время:
Gen. 0.1138
(c) ByMAS.RU 2010-2025