probleme fenetre modale ajax

[kate59]

bonjour,

j'ai fait une page produit et les gens peuvent choisir un nombre d'article désirer et clic après sur le bouton commande.
Ensuite une fenêtre modale jquery s'affiche ou il peuvent choisir de commander ou de continuer les achats.

petit problème pour récupérer les nombre d'article commander avant que ce soit avec get ou post rien ne s'affiche.

Code php :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<?php
	$body.='<div>Choisir votre quantite:
 <select id="nb_article" name="nb_article">';
 $stock = $Produits->getStockArticle();
 $i=1;
for($i;$i<=$stock;$i++) 
{
$body.='<option value="'.$i.'"> '. $i .' </option>';
}
 
$body.='</select>
	</div>';
 
	$body.='<div id="basic-modal">
			<input type="hidden" name="ref" value="'.$idProduit.'" />
			<input type="submit" name="Commander" value="Commander" class="basic"/>
		</div>';
 
$body.='</form>';
 
	if(isset($_POST['nb_article'])){
 
	$body.='<!-- modal content -->
		<div id="basic-modal-content">
			<h3>Basic Modal Dialog</h3>
			<p><a href="choix_commande.php?continuer_commande&ref='.$idProduit.'&nbr='.$_GET['nb_article'].'">Continuer la commande</a>
			ou <a href="choix_commande.php?continuer_achat&ref='.$idProduit.'&ref='.$idProduit.'">Continuer mes achats</a></p>
		</div>
 
		<!-- preload the images -->
		<div style="display:none">
			<img src="../images/basic/x.png" alt="" />
		</div>
	';
	}
?>

merci.

[andry.aime]

Code :

echo $body;

[kate59]

excuse moi je ne comprend pas trop pk tu a ecrit ca?

ca ne fait que recopier ma page dans le fenetre.

En faites j'ai un formulaire avec variable post que j'aimerai recuper la valeur dans cette fenetre apres le clic sur le bouton submit.

merci.

[andry.aime]

J'ai écrit ça parce que tu ne faisait que concaténé la variable $body mais tu ne l'envoie pas.
Peut-on voir ton code javascript et le code de la page appelée?

[kate59]

merci de l'aide:

1 page:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<?php
$body.= '<form action="" method="post" class="formulaireCenterAction">';
body.='<div>Choisir votre quantite:
 <select id="nb_article" name="nb_article">';
 $stock = $Produits->getStockArticle();
 $i=1;
for($i;$i<=$stock;$i++) 
{
$body.='<option value="'.$i.'"> '. $i .' </option>';
}
 
$body.='</select>
	</div>';
$body.='</form>';
 
 
	$body.='<div id="confirm-dialog">
			<div id="basic-modal">
 
			<input type="submit" name="confirm" class="confirm" value="Commander"/>
		</div></div>';
 
 
 
	$body.='<!-- modal content -->
		<div id="confirm">
			<div class="header"><span>Confirm</span></div>
			<div class="message"></div>
			<div class="buttons">
			<input type="text" name="ref" value="'.$idProduit.'" />
			<input type="text" name="ref" value="'.$_POST['nb_article'].'" />
				<div class="no simplemodal-close">No</div><div class="yes">Yes</div>
			</div>
 
		</div>
		<!-- preload the images -->
		<div style="display:none">
			<img src="'.RACINE.'/images/header.gif" alt="" />
			<img src="'.RACINE.'/images/button.gif" alt="" />
		</div>
 
	';
?>

page confirm.js:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
jQuery(function ($) {
	$('#confirm-dialog input.confirm, #confirm-dialog a.confirm').click(function (e) {
		e.preventDefault();
 
		// example of calling the confirm function
		// you must use a callback function to perform the "yes" action
		confirm("Voulez-vous commander maintenant?", function () {
 
			window.location.href = 'http://localhost/html/frontend/modules/catalogue/commander.php';
		});
	});
});
 
function confirm(message, callback) {
	$('#confirm').modal({
		closeHTML: "<a href='#' title='Close' class='modal-close'>x</a>",
		position: ["20%",],
		overlayId: 'confirm-overlay',
		containerId: 'confirm-container', 
		onShow: function (dialog) {
			var modal = this;
 
			$('.message', dialog.data[0]).append(message);
 
			// if the user clicks "yes"
			$('.yes', dialog.data[0]).click(function () {
				// call the callback
				if ($.isFunction(callback)) {
					callback.apply();
				}
				// close the dialog
				modal.close(); // or $.modal.close();
			});
		}
	});
}

voila donc en fait j'ai un formulaire ou j'ai une lsite deroulante avec la quantite du produit, j'appuyer sur commande, la fenetre s'ouvre si je clic sur oui alors je souhaite commander tout de suite et je redirige vers commander.php.


Et c'est la que je bloquer pour recuperer la quantite de la liste deroulante de la 1 page.

merci.

[andry.aime]

Dans la page appelée, tu ne dois retourner ce que tu veux afficher mais pas la page en entière. Et tu dois faire un echo pour l'envoyer vers le navigateur.

A+.