У меня есть карта изображений, которая отображает категории для различных типов продуктов, которые хранятся в базе данных MySQL. Каждый узел в нижней части категории представляет собой область на карте изображения, когда я нажимаю на эту область, я хочу, чтобы она отправляла связанный идентификатор продукта этого продукта в php-файл с именем show_products.php, который будет отображать детали этого продукта ( то есть цена, акции, имя и т. д..)
<map name="frozen">
<area coords="88,172,6,130" shape="rect" id="1001">
<area coords="61,247,143,291" shape="rect" id="1002">
<area coords="196,132,278,172" shape="rect" id="1003">
<area coords="237,289,155,249" shape="rect" id="1004">
<area coords="336,288,253,248" shape="rect" id="1005">
<area coords="349,248,430,289" shape="rect" id="1006">
</map>
Я попытался инкапсулировать карту в форму и отправить данные POST через javascript, однако мой другой файл php по-прежнему не получит идентификатор, связанный с каждой областью. Как я могу отправить эти уникальные идентификаторы продуктов в другой файл php, где пользователь нажимает на связанную область, а на странице show_products.php отображаются все сведения о выбранном продукте? Есть ли более эффективный способ сделать это, чем вручную обращаться к каждой области с идентификатором?
Любая помощь будет принята с благодарностью.
Спасибо.