Bouton image qui envoie ou non un formulaire si confirmation de l'utilisateur

Bonjour,

Je cherche à réaliser un bouton qui prendrait l'apparence d'une petite image, lorsque l'utilisateur clique dessus une boite de dialogue apparaitrait pour lui demander de confirmer son action ou l'annuler.

si l'utilisation accepte je voudrai que le formulaire GET soit envoyé : /in-out/in-out.htm?DELETE=all
si l'utilisateur clique sur annuler rien ne se passe.


Voici ce que j'ai écris, mais cela ne fonctionne pas correctement :

Code:

---

1 2 3 4

<form method="get" action="in-out.htm"> <input type="hidden" name="DELETE" value="all" id = DEL_ALL> <input type ="image" src="./delete-list.png" onclick="ConfirmationEffacement()" align="center" type="image"> Delete all sensors </form>

---

Code:

---

1 2 3 4 5 6 7 8 9 10

<script language="JavaScript"> function ConfirmationEffacement() { if (confirm("Voulez-vous supprimer tous les capteurs")) { // Clic sur OK document.bgColor="red";   } } </SCRIPT>

---

Pour le moment, si l'utilisateur confirme l'action , le formulaire envoyé à cet aspect :

/in-out/in-out.htm?DELETE=all&x=23&y=15
et le fond de l'écran passe en rouge

Je ne sais pas pourquoi des arguments supplémentaires sont ajoutés au vol lors de l'envoi du formulaire GET : x=23&y=15

--

Si l'utilisateur annule l'action par, le formulaire est malgré tout envoyé, ça ne va pas.
par contre l'écran reste dans sa couleur initiale.

Pourquoi le formulaire est envoyé dans tous les cas ?

Merci pour votre aide,

Bonjour,

1/ x et y sont les coordonnees où le bouton-image a été cliqué.
Peut etre utile, mais pas ici.

2/ il manque else return false; (empecher l'action par defaut = envoi)

Citation:

---

Envoyé par lcoulon

si l'utilisation accepte je voudrai que le formulaire GET soit envoyé : /in-out/in-out.htm?DELETE=all
si l'utilisateur clique sur annuler rien ne se passe.

---

Salut.
utilises onclick = 'return confirm("Voulez-vous supprimer tous les capteurs?")'
dans ton bouton de type image et en passant je te signale que t'as défini type="image" à 2 reprises dans ton input.

Bonjour

J'ai modifié comme suit, mais à chaque fois le formulaire est envoyé que l'utilisateur accepte ou refuse ...

Code:

---

1 2 3 4

<form method="get" action="in-out.htm"> <input type="hidden" name="DELETE" value="all" id = DEL_ALL> <input type ="image" src="./delete-list.png" onclick="ConfirmationEffacement()" align="center"> Delete all sensors </form>

---

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

<script language="JavaScript"> function ConfirmationEffacement() { if (confirm("Voulez-vous supprimer tous les capteurs")) { // Clic sur OK document.bgColor="red"; }   else { alert("Action Annulée") return false; } } </script>

---

Bonjour,

Kasko t'a donné la solution :

Code:

---

1 2 3 4

<form method="get" action="in-out.htm"> <input type="hidden" name="DELETE" value="all" id="1"> <input type ="image" src="./delete-list.png" onclick="return confirm('Voulez-vous supprimer tous les capteurs');" align="center"> Delete all sensors </form>

---

Ok donc pas de script nécessaire alors.

Par contre, est il possible que la fenetre d'alerte qui contient le message ai un fond rouge avec une couleur de font en blanc ?

Merci à vous,

Si c'est possible.
Mais avec une popin personnalisée.

Pouvez vous me montrer le code à utiliser pour faire cela svp ?

Bonjour,

:recherch: "popin jQuery" "fenetre modale"

• Créez une fenêtre modale avec CSS et jQuery

Merci, mais je ne peux pas utiliser jQuery mais c'est pour un système embarqué

je peux utiliser Javascript ou du simple HTML

Citation:

---

Envoyé par lcoulon

je peux utiliser Javascript ou du simple HTML

---

Si tu peux utiliser Javascript ça veux dire que tu peux utiliser jQuery.
En fait,jQuery est juste un framework Javascript.

Sinon, pour ton problème initial, rien ne t'empêche de passer par une méthode particulière, il faut juste retourner le boolean à l'appelant comme ceci

Code:

---

1 2	<input type ="image" src="./delete-list.png" onclick="return ConfirmationEffacement()" align="center">

---

et que ta méthode revoit true ou false en fonction de la confirmation comme ça t'a été expliqué.

Code:

---

1 2 3 4 5 6 7 8 9 10 11

function ConfirmationEffacement() { if (confirm("Voulez-vous supprimer tous les capteurs")) { document.bgColor="red"; return true; } return false; }

---