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)

UI Dialog, pas de transfert de données

jQuery

Vue hybride

Discussions similaires

Partager

Partager