Discussion :

[MarcoFroyo]

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 :

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
$(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 html :

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

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

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

Code :

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

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 html :

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

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

[MarcoFroyo]

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 !

[SpaceFrog]

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

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
$(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;
			})
		}
		});
 
 
});

[MarcoFroyo]

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 !

[SpaceFrog]

haaaaaaaaa
j'avais pas vu le submit


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

[MarcoFroyo]

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 !