Formulaire et boite de dialogue

**itachis** · 19/06/2014, 13h30

Bonjour,

Code html :

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

1
2
3
4
<form method=POST action=traitement.php id>			
  <input type=hidden name=nom_fichier value=$rep>																	
 <input type=submit name=bnt_fic value=gerer ><input type=submit name=bnt_fic id=bnt_fic value=Supprimer >
</form>

Code :

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

1
2
3
4
5
6
$("body").append("<div id=msg></div>");
$("#bnt_fic").click(function(){ //clic sur le boutton supprimer	
	$("#msg").text("voulez vous vraiment supprimer?");
	$( "#msg" ).dialog({ buttons:{"Oui": function() { $( this ).dialog( "close" ); return true;} ,"Non": function() { $( this ).dialog( "close" ); return false;} }});
 
 });

j'essaye de faire en sorte que si l'utuilisateur click sur le boutton supprimer, la boite de dialogue de confirmation s'affiche. Si le choix est oui on envoi le formulaire sinon on annule l'envoie du formulaire. mais quand je click sur supprimer la boite de dialogue apparait puis disparait instantannement.
Si quelqu'un a une idée pour maintenir la boite de dialogue et tester si l'utilisateur a clické sur oui ou non pour que je puisse renvoyer true ou false(envoyer ou non le formulaire).
Le gros problème est que je n'arrive pas à recuperer et tester le bouton clicker dans la boite de dialogue.

**Bovino** · 19/06/2014, 14h02

Déjà, fais attention à ton code HTML. Même si ce n'est pas obligatoire dans certains cas, il est toujours recommandé d'entourer les valeurs d'attributs de quotes.

Quant à ton problème, c'est tout à fait logique : ton bouton est un bouton submit, donc quand tu cliques dessus, le code JavaScript lié au clic du bouton est exécuté puis, si tu n'as pas stoppé l'événement, le formulaire est soumis, du coup ta boite de dialogue ne sert à rien.

**itachis** · 19/06/2014, 14h14

justement c'est pourquoi je veux recuperé les boutons puis les testé mais le soucis est que je sais pas comment recuperer le bouton clické.

**iakou** · 19/06/2014, 15h24

Bonjour.

Copiez cette page et sauvez la en ".html". Vous pourrez ainsi la tester immédiatement en l'ouvrant avec votre navigateur favori !...

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
<html><head>
<script type="text/javascript">
function confirmDelete()
     {
if (confirm("Etes-vous sûr de vouloir supprimer ?...") )
     {
     alert ("à la place de cette boite, il faut envoyer le formulaire !...");
     }          
     }
</script>
</head><body>
<form method="POST">
      <input type="submit" value="gerer"  onclick="javascript:alert('On va gérer !');">
      <input type="submit" value="Supprimer" onclick="confirmDelete()">
</form>
</body></html>

Cordialement

**itachis** · 19/06/2014, 15h48

iakou merci pour ta reponse mais j'utilise déja un version avec la boite confirme qui marche très bien que voici:

Code :

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

1
2
3
4
5
6
7
8
 
 $("#bnt_fic").click(function(){ //clic sur le boutton supprimer
	var conf=confirm("voulez vous vraiment supprimer?");
	var message;
	if(conf==true) {message="fichier supprimé"; return true;}
	else {message="suppression annulé";return false;}
	alert(message);
 });

mais je veux faire avec les boites de dialogue personnalisé de jquery-ui comme je l'ai si bien expliqué plus haut.

Merci d'avoir essayé.

**iakou** · 19/06/2014, 15h57

De rien !
(Pourtant le code que je vous ai donné, fait ce que vous demandiez... Mais pas en Jquery...)

**Bovino** · 19/06/2014, 15h58

Oui, mais ce que tu fais ne peut pas marcher. Le navigateur ne va pas attendre que l'utilisateur clique sur un bouton de ton dialog pour continuer à faire ce qu'il a à faire ! Donc quoi qu'il arrive, ton formulaire est soumis.
Il existe diverses méthodes pour éviter cela, par exemple de remplacer ton submit par un simple input type button, du coup, quand tu cliques dessus, ça affiche ton dialog, mais le formulaire n'est pas soumis, ensuite, lorsque tu cliques sur le bouton OK, tu génères le submit du formulaire.

Formulaire et boite de dialogue

jQuery

Vue hybride

Discussions similaires

Partager

Partager