Discussion :

[lcoulon]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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,

[Invité]

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)

[Kasko]

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.

[lcoulon]

Bonjour

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[Invité]

Bonjour,

Kasko t'a donné la solution :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[lcoulon]

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,

[Invité]

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