UI Dialog, pas de transfert de données

Version imprimable

Bonjour/ bonsoir,

Dans ce plugin, je fais appel à un fichier:

Code:

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:

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,

02/07/2011, 11h27
danielhagnoul

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. :aie:

La logique de l'application est à revoir.
04/07/2011, 15h01
yann18
Bonjour,

Rien à faire... La lumière ne vient pas...:roll:
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:

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)