Fenêtre modale qui ne bloque pas mon application !? [Résolu]

[andlio]

Bonjour,

J'utilise jquery.dialog pour afficher une fenêtre de confirmation avec d'effectuer une action.
Mon problème c'est que la fenêtre s'ouvre mais ne bloque pas le script, du coup d'action est effectuée dans tous les cas

Voici mon script :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
var deleteChildren = false;
 
$("#confirmation-dialog")
	.empty()
	.append("Do you want to delete sub-items ?")
	.dialog({
		autoshow : true,
		modal : true,
		resizable : true,
		buttons :
			{
				"Yes" : function(){
					deleteChildren = true;
					$( this ).dialog( "close" );
				},
				"No" : function(){
					deleteChildren = false;
					$( this ).dialog( "close" );
				}
			}
	});
 
alert("COUCOU");

Résultat : l'alerte "COUCOU" s'affiche en même temps que la fenêtre de confirmation...

Comment faire pour bloquer le script jusqu'à la réponse de la boîte de dialogue de confirmation ?

[Golgotha]

Bonjour,

Je pense que c'est le fonctionnement du javascript qui veux ça

Ce n'est pas comme un programme qui se déroule.

Par contre il y à quelques fonction en javascript qui bloque le navigateur :

alert, prompt et confirm.

Tu pourrait peut être t'inspirer de cela : http://tutorialzine.com/2010/12/bett...x-jquery-css3/

[andlio]

Salut Golgotha,

Effectivement je comprends ce que tu veux dire. J'ai donc effectué quelques modifications : j'ai déporté le code post-confirmation dans un fonction, et j'ai appelé cette fonction dans les méthodes de callback appelées lors d'un click sur un bouton. Et ça fonctionne !

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
$("#confirmation-dialog")
	.empty()
	.append("Do you want to delete sub-items ?")
	.dialog({
		autoshow : true,
		modal : true,
		resizable : true,
		buttons :
			{
				"Yes" : function(){
					removeSelectedNode(true);
					$( this ).dialog( "close" );
				},
				"No" : function(){
					removeSelectedNode(false);
					$( this ).dialog( "close" );
				}
			}
	});
 
function removeSelectedNode(deleteChildren){
	alert("coucou");
}

Merci Golgotha !