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.

[lcoulon]

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

[Invité]

Bonjour,

"popin jQuery" "fenetre modale"

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

[lcoulon]

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

je peux utiliser Javascript ou du simple HTML

[Kasko]

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.

[OButterlin]

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 :

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

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 :

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

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;
}