Discussion :

[rolandl]

Bonjour à tous,

Avant toute chose je tiens à préciser que c'est la première fois que j'utilise le framework JQuery.

Je cherche à afficher une fenêtre de confirmation lorsque l'utilisateur clique sur un lien de suppression d'un objet.

J'arrive à afficher la boite de dialogue, mais elle ne met pas en attente la navigation sur le site dans l'attente de la réponse de l'utilisateur.

Comment procéder ? Est-ce possible de faire cette opération sur un simple lien ou est-ce forcément à la soumission d'un formulaire ?

Voici le code javascript que j'utilise :

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
17
18
19
20
21
22
23
24
25
 
$(document).ready(function() {				
 
    $( "#dialog-confirm" ).dialog({
	resizable: false,
	height:160,
	width:500,
	autoOpen: false,
	modal: true,
	buttons: {
	    "Oui": function() {
	        $( this ).dialog( "close" );
		return true;
	    },
	    Cancel: function() {
		$( this ).dialog( "close" );
                return false;
	    }
	}
    });				
 
    $("a.confirmModal").click(function() {			
	$("#dialog-confirm").dialog("open");
    });
});

[SpaceFrog]

pourquoi passer par ui dialog plutot qu'un confirm tout simple ?

[rolandl]

Tout simplement pour le design

Mais j'ai finalement réussi !

Voici le code Javascript :

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
17
18
19
20
21
22
23
24
25
26
27
 
$(document).ready(function() {				
    var theHREF;
 
    $( "#dialog-confirm" ).dialog({
	resizable: false,
	height:160,
	width:500,
	autoOpen: false,
	modal: true,
	buttons: {
		"Oui": function() {
		    $( this ).dialog( "close" );
		    window.location.href = theHREF;
	        },
		"Annuler": function() {
			$( this ).dialog( "close" );
		}
	}
    });				
 
    $("a.confirmModal").click(function(e) {
	e.preventDefault();
	theHREF = $(this).attr("href");
	$("#dialog-confirm").dialog("open");
    });
});

Comme je récupère la valeur de l'attribut href de la balise "a" qui déclenche l'évènement click, mon application n'est pas bloquée si l'utilisateur a désactiver le javascript. Au pire on ne lui demande pas de confirmation.