Bug post dialog

Bonjour,

je rencontre un problème pour effectuer un post.

Le scénario est le suivant : l'utilisateur arrive sur la page1.php. Dans cette page 1, se trouve un bouton permettant d'ouvrir une popup.
La popup correspond à page2.php et est un formulaire.
Dans cette popup, on trouve un bouton. Ce bouton envois les données du formulaire vers page3.php.

Voici page1 et le code pour ouvrir la popup

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

$(function() { var $dialog = null; $.ajax({ url: 'page2.php', success: function (reponse) { $dialog = $('<div></div>').html(reponse).dialog({ autoOpen: false, title: 'popup', height: 330, width: 420 });; } }); $( "#create-popup" ).button().click(function() { $dialog.dialog('open'); return false; }); });

---

Code:

---

<button id="create-popup">Popup.</button>

---

Le popup ouvert, il s'agit d'un simple formulaire avec le bouton:

Code:

---

1 2 3 4 5 6 7 8 9 10

$(function() { $('#form').submit(function(){ $.post('page3.php', $('#form').serialize(), function(data){ alert(data); }, 'html' ); }); });

---

Code:

---

1 2 3 4

<form name="form" id="form" method="post" accept-charset="utf-8"> .... <input type="submit" value="envois"> </form>

---

Et en dernier, je prend ce qui est recu et je le met en database.

Le problème se situe lors du $.post. Lorsque je clique sur le bouton, la fenêtre est actualisée. Par contre j'ai l'impression que rien n'est envoyé à la page3.

Il y a un truc que je ne comprend pas, est-ce que quelqu'un a une idée ?

Merci d'avance

Information complémentaire, après debug, je constate que $('#form').serialize() qui est envoyé à la méthode poste contient bien les valeurs saisies dans le formulaire.

L'action du post est également appelé au bon moment. Est-ce que la fonction post rencontre un problème ou est-ce que j'ai un problème de rafraichissement en lieu et place du post ?

Merci d'avance !

et en intergrant l'initailisation du dialog dasn el callback ?

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

$(function() { var $dialog = null; $.ajax({ url: 'page2.php', success: function (reponse){ $dialog = $('<div></div>').html(reponse).dialog({ autoOpen: false, title: 'popup', height: 330, width: 420 });   $( "#create-popup" ).button().click(function() { $dialog.dialog('open'); return false; }) } });     });

---

Si je fais cela, je ne risque pas de ne plus réussir a appeler le popup ?

Sinon il s'agit bien d'un problème de refresh. J'ai ajouté onSubmit="return false;" dans le form. Avec cela le post fonctionne bien.

Par contre, je ne parviens pas à fermer la POPUP.

La variable $dialog n'est pas connue dans la page ou je fais le submit.

Est-il possible de la récupérer ?

Merci d'avance !

haaaaaaaaa
j'avais pas vu le submit


submit = rechargement de page ...
js ne survit pas à un rechargement de page

Ok, mais avec le return false que j'ai ajouté, la page n'est plus rechargée.

Donc est-ce que je peux récupérer la fenêtre pour pouvoir la fermer ?

Merci d'avance !

si tu reste sur ta page et que tu parles de fermer le dialog ...

Code:

---

$dialog.dialog('close');

---

Merci pour ta réponse, cependant je ne pense pas rester sur la même page.

Page1.php est la page de l'utilisateur. C'est elle qui initialise Dialog.
Page2.php est le contenu de la page qui se trouve dans Dialog.

C'est dans Page2.php que se trouve le formulaire avec la fonction

Code:

---

$('#form').submit(function(){...}

---

C'est dans cette fonction que je souhaiterai fermer le Dialog. Cependant selon moi la variable dialog n'est pas connue il me semble.

Merci d'avance !

reste sur la même page avec un popin et un load ...