UI Dialog, pas de transfert de données

yann18 · 01/07/2011, 15h05

Bonjour/ bonsoir,

Dans ce plugin, je fais appel à un fichier:

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
$('#clear_btn').click(function(){
        var monUrl = 'confirm_delete.php';
        $('#confirmDelete').load(monUrl, '', function(){
            $(this).dialog({
                width:400,
                modal:true,
                buttons: {
                    'Ok': function(){
                        $('#form_confirmDelete').bind('submit', function(){
                            ...
                            $.post('ctrl_fiches.php', $(this).serialize(), function(data){
                                ...
                                alert(data);
                            });
                            return false;
                        });
                    },
                    'Non !': function(){
                        $(this).dialog('close');
                    }
                ...
    });

'confirm_delete.php' est un fichier à part entière, avec un formulaire minimaliste:

Code :

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

1
2
3
4
5
6
7
8
9
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
...
<body class="popup">
...
<form id="form_confirmDelete" name="form_confirmDelete">
          <input name="whatBtn" type="hidden" id="whatBtn" value="delete" class="btnAlert"/>
</form>
...

Quand je clique sur le bouton 'Ok' de la fenêtre modale, rien ne se passe. La console de firebug m'indique aucun envoie, encore moins un retour... pourquoi ?
merci,

danielhagnoul · 02/07/2011, 11h27

Bonjour

Si je vois bien ! Sur le bouton "OK" du UI Dialog vous déclenchez un gestionnaire d'événement "submit" sur un formulaire qui n'a pas un tel bouton. De toute manière, tant que l'utilisateur ne soumettra pas le formulaire il ne se passera rien.

Avec ce code, si vous cliquez 50 fois sur le bouton "OK" du UI Dialog, vous créerez 50 gestionnaires d'événement "submit" et chacun déclenche une transaction AJAX.

La logique de l'application est à revoir.

yann18 · 04/07/2011, 15h01

Bonjour,

Rien à faire... La lumière ne vient pas...

Si effectivement je rajoute un bouton submit dans le formulaire, et après avoir cliqué en premier lieu sur le bouton UI Dialog 'ok', les données sont bien envoyées et j'ai également un retour (ajax)
Mais si je supprime ce bouton UI Dialog et laisse en place celui du formulaire, je suis redirigé vers une page d'erreur (personnalisée) Même en faisant simplement

Code :

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

1
2
3
4
$('#form_confirmDelete').bind('submit', function(){
        alert('message');
        return false;    
    });

Je ne vois vraiment plus comment m'y prendre (à part changer complètement mon fusil d'épaule)

02/07/2011, 11h27	#2
danielhagnoul Rédacteur Daniel Hagnoul Étudiant perpétuel Inscription : février 2009 Messages : 3 221 Détails du profil Informations personnelles : Nom : Daniel Hagnoul Âge : 61 Localisation : Belgique Informations professionnelles : Activité : Étudiant perpétuel Secteur : Enseignement Informations forums : Inscription : février 2009 Messages : 3 221 Points : 6 767 Points : 6 767	Bonjour Si je vois bien ! Sur le bouton "OK" du UI Dialog vous déclenchez un gestionnaire d'événement "submit" sur un formulaire qui n'a pas un tel bouton. De toute manière, tant que l'utilisateur ne soumettra pas le formulaire il ne se passera rien. Avec ce code, si vous cliquez 50 fois sur le bouton "OK" du UI Dialog, vous créerez 50 gestionnaires d'événement "submit" et chacun déclenche une transaction AJAX. La logique de l'application est à revoir. __________________ FAQ jQuery Mon cahier d’exercices sur jQuery & Co Si un message vous a aidé ou vous semble pertinent, votez pour lui !
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email