Ustawienie atrybuty id elementu POPUO [JQUERY], Otwarcie Popup na podstawie id Opcje

[Kubik93]

Cześć wszystkim!

Mam taki o to problem ( z góry dziękuję za odpowiedzi )

Otwieram za pomocą input type="button" okno popup.
Js wybiera kontener za pomocą id elementu.

A więc wymyśliłem sobie aby wyciągnąć popup z pętli ( jeden kontener Popup dla każdego rekordu ).
A więc idąc dalej, pomyślałem, że będę musiał zmieniać ID Popup w zależności od id buttona ( tak aby rekordy w Popupie pochodziły od konkretnego ID )

No to przecież nie problem, piszemy Jquery.

[PHP] pobierz, plaintext 
		$(".button-class").click(function(){
			  var newid = this.id;
			$(".popup").attr("id", newid);
		});
[PHP] pobierz, plaintext 

No i id okna popup faktycznie się zmienia aczkolwiek już okno się nie pojawia.
To jakiś typowo techniczny problem czy raczej szukać rozwiązania w skrypcie Popupu ?

[Kubik93]

[PHP] pobierz, plaintext 
const openModalButtons = document.querySelectorAll('[data-modal-target]')
 
openModalButtons.forEach(button => {
  button.addEventListener('click', () => {
    const modal = document.querySelector(button.dataset.modalTarget)
    openModal(modal)
  })
})
 
function openModal(modal) {
  if (modal == null) return
  modal.classList.add('active')
  overlay.classList.add('active')
}
[PHP] pobierz, plaintext 

Powyżej kod Popupa.
Jeśli chodzi o przekazywanie zawartości rekordu to sugerowałem się:

Temat: MySQLCSSPHPOkno POP UP i rekordy z bazy

Wszystkie rokordy pobierać Query i też skryptem wrzucać je do Popup'a ?

Ten post edytował Kubik93 4.04.2020, 18:36:44