[AJAX] Fenêtre modale ajax

Version imprimable

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:

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.

15/12/2011, 05h28
andry.aime

Code:

echo $body;
15/12/2011, 08h20
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.
15/12/2011, 08h22
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?

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

15/12/2011, 10h18
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+.