IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

AJAX Discussion :

[AJAX] Fenêtre modale ajax


Sujet :

AJAX

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éprouvé
    Inscrit en
    Janvier 2008
    Messages
    1 159
    Détails du profil
    Informations forums :
    Inscription : Janvier 2008
    Messages : 1 159
    Par défaut [AJAX] Fenêtre modale ajax
    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 : 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
    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.

  2. #2
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391

  3. #3
    Membre éprouvé
    Inscrit en
    Janvier 2008
    Messages
    1 159
    Détails du profil
    Informations forums :
    Inscription : Janvier 2008
    Messages : 1 159
    Par défaut
    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.

  4. #4
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par défaut
    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?

  5. #5
    Membre éprouvé
    Inscrit en
    Janvier 2008
    Messages
    1 159
    Détails du profil
    Informations forums :
    Inscription : Janvier 2008
    Messages : 1 159
    Par défaut
    merci de l'aide:

    1 page:
    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
    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 : 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
    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.

  6. #6
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par défaut
    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+.

Discussions similaires

  1. Réponses: 6
    Dernier message: 21/12/2014, 14h36
  2. [AJAX] Ajax et fenêtre modale
    Par zerros dans le forum jQuery
    Réponses: 11
    Dernier message: 22/01/2014, 06h45
  3. Réponses: 4
    Dernier message: 28/11/2012, 13h50
  4. Fenêtres modales liées via ajax et asp.net
    Par stefsas dans le forum Général JavaScript
    Réponses: 13
    Dernier message: 26/07/2010, 09h20
  5. [Prototype] Fenêtre déplaçable ajax
    Par sacados1 dans le forum Bibliothèques & Frameworks
    Réponses: 5
    Dernier message: 07/03/2007, 15h12

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo