Je souhaite capturer les valeurs X:Y indiquant où l'utilisateur a cliqué sur l'image animée en vérifiant le tableau php $_POST. Le problème est que même si je peux obtenir les informations de soumission d'entrée sur l'image statique, je n'arrive pas à obtenir de valeurs de l'image animée.
Voici la page HTML complète et le formulaire démontrant ce comportement :
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Gunfighter Testing Page</title>
<style>
div {
width:24px;
height:24px;
position:relative;
-webkit-animation:glide 1s ease-in-out alternate infinite;
}
@-webkit-keyframes glide {
from {
left:-400px;
top:0px;
}
to {
left:400px;
top:0px;
}
}
</style>
</head>
<body>
<center>
<form method="post">
<input type="image" name="Staredown" value="Staredown" alt="Staredown" src="https://i.imgur.com/sQwX4Qg.png">
<input type="image" name="Gesture" value="Gesture" alt="Gesture" src="https://i.imgur.com/0iJnH5Q.png"><br>
<div><input type="image" name="Shoot" value="Shoot" alt="Shoot" src="https://i.imgur.com/i9oV2j3.png"></div>
</form>
</center>
</body>
Voici un php qui vérifie la soumission du formulaire (bouton) et affiche les coordonnées dans l'image cliquée :
<?php
//var_dump($_POST);
echo "Form (button click) results (a pefect score is x=32 and y=32: <br>\n";
echo "<p>\n";
if ((isset($_POST["Staredown_x"])) || (isset($_POST["Gesture_x"])) || (isset($_POST["Shoot_x_x"]))){
switch (true){
case (isset($_POST["Staredown_x"])):
echo "Staredown click coords=> X:" . $_POST["Staredown_x"] . "; Y:" . $_POST["Staredown_y"] . ".<br>\n";
break;
case (isset($_POST["Gesture_x"])):
echo "Gesture click coords=> X:" . $_POST["Gesture_x"] . "; Y:" . $_POST["Gesture_y"] . ".<br>\n";
break;
case (isset($_POST["Shoot_x"])):
echo "Shoot click coords=> X:" . $_POST["Shoot_x"] . "; Y:" . $_POST["Shoot_y"] . ".<br>\n";
break;
}
} else {
echo "Score will be displayed upon clicking on a button.<br>\n";
}
?>
Pourquoi puis-je obtenir les coordonnées de clic dans les images cliquées (si elles sont statiques), mais je n'arrive pas à faire en sorte que les images animées se comportent de la même manière ? L'image animée ne remplit pas $_POST["Shoot_x"] avec les coordonnées du clic (ni ne s'enregistre de toute autre manière que je peux sembler collecter en php).
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Cet exemple fonctionnera comme écrit si (contrairement à moi) vous faites attention à votre saisie et cochez $_POST["imagename_x"] au lieu de cocher $_POST["imagename_x_x"] >"] comme je l'ai fait