Я разместил статическое всплывающее окно для просмотра подробностей, но оно не работает для динамического ⇐ Php

[Anonymous]

Я установил статическое всплывающее окно для просмотра подробностей, но оно не работает для динамического просмотра. пожалуйста, скажите мне решение этой проблемы.
это снимки экрана на всплывающей странице веб-сайта,
меню
когда мы нажимаем на подстанцию ​​в меню, следующая страница это
когда мы нажимаем на одно изображение, появляется такое всплывающее окно
Код интерфейса - substation(папка) - index.php

Код: Выделить всё

The competitive energy market requires powerful technologies and smart approaches for effective integration of power from generation plants, and efficient transmission and distribution to residential, commercial and industrial
consumers. High voltage substations are the key node points that ensure a reliable transmission of power across a grid network. Ceylex with comprehensive domain knowledge ensures that substations are designed, erected and commissioned
incorporating the most modern technologies from leading manufacturers in the world. Our experienced workforce comprising of professionals from the fields of electrical engineering, mechanical engineering, civil engineering, substation
automation systems and substation communication systems backed by the latest testing equipment in the industry enables tailor-made substation solutions with versatile project execution and completion. Our expertise in this domain
has made us the largest EPC contractor in Sri Lanka and we have completed complex projects on time rendering no losses to our clients.  Our increasing presence globally, enables us to provide you the best possible service at all
times


Milestone Projects

Верхний код — common_functions.php

Код: Выделить всё

function substations(){
global $conn;
$qry = "SELECT * FROM projects WHERE type = 'Grid Substation'";
$res = mysqli_query($conn,$qry);
while($row = mysqli_fetch_assoc($res)){
$id= $row['id'];
$client_name= $row['client_name'];
$title = $row['title'];
$type = $row['type'];
$date = $row['date'];
$country = $row['country'];
$description = $row['description'];
$photo = $row['image'];
$photo1 = $row['image1'];
$photo2 = $row['image2'];
$photo3 = $row['image3'];
$photo4 = $row['image4'];
$photo5 = $row['image5'];
$photo6 = $row['image6'];
$photo7 = $row['image7'];
$photo8 = $row['image8'];
echo
"



[img]../../backend/images/projects/$id/$photo[/img]

[b]$title[/b]


× 

[img]../../backend/images/projects/$id/$photo[/img]


$title


$description

$type


Accomplishment Date :- $date
Country :- $country
Client's Name :- $client_name





";
}
}

JS-код — custom.js

Код: Выделить всё

function showPopup() {
document.getElementById('popup').style.display = 'block';
}
function hidePopup() {
document.getElementById('popup').style.display = 'none';
}

function showPopup1() {
document.getElementById('popup1').style.display = 'block';
}
function hidePopup1() {
document.getElementById('popup1').style.display = 'none';
}

function showPopup2() {
document.getElementById('popup2').style.display = 'block';
}
function hidePopup2() {
document.getElementById('popup2').style.display = 'none';
}

function showPopup3() {
document.getElementById('popup3').style.display = 'block';
}
function hidePopup3() {
document.getElementById('popup3').style.display = 'none';
}

Я установил статическое всплывающее окно для просмотра подробностей, но оно не работает для динамических всплывающих окон с одинаковым изображением и подробностями для всех сервисов. пожалуйста, скажите мне решение этой проблемы.

Подробнее здесь: https://stackoverflow.com/questions/784 ... or-dynamic