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] Formulaire dans une fenêtre modal - Php Myqsl - Ajax


Sujet :

AJAX

  1. #1
    Candidat au Club
    Inscrit en
    Janvier 2011
    Messages
    5
    Détails du profil
    Informations forums :
    Inscription : Janvier 2011
    Messages : 5
    Points : 2
    Points
    2
    Par défaut [AJAX] Formulaire dans une fenêtre modal - Php Myqsl - Ajax
    Bonjour, à tous et merci de votre attention.

    Je voudrais à partir d'une liste de client, cliquer sur une ligne, et faire apparaitre un formulaire (une fiche suivant la requete sélectionné) de modification dans une fenetre genre modale. Je n'arrive pas à faire un Select id pour faire une requete et choisir la bonne ligne qui correspond à la bonne fiche dans la base pour affiche les données dans la fenetre modale.

    Si quelqu'un pouvait m'aider en me trouvant un script intéressant pour faire intéragir du Php ->Requete Mysql et ajax.

    J'ai repris un code trouver sur ce site pour les fenetres Modale, mais personne ne donne un exemple pour insérer un formulaire dedans à partir d'une sélection de départ.

  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
    Points : 15 059
    Points
    15 059
    Par défaut
    Salut,

    Tu as bien passé l'id de l'enregistrement voulu à l'url?
    Pour l'ajax, tu peux t'inspirer ces deux tutoriels:
    http://siddh.developpez.com/articles/ajax/
    http://nicolaspied.developpez.com/ajax-premiers-pas/.
    Au lieu de générer un select, tu génères un xml. Dans le second tuto, tu trouves comment récupérer les valeurs du flux xml.

    A+.

  3. #3
    Candidat au Club
    Inscrit en
    Janvier 2011
    Messages
    5
    Détails du profil
    Informations forums :
    Inscription : Janvier 2011
    Messages : 5
    Points : 2
    Points
    2
    Par défaut
    Merci de ta réponse. En fait, je suis partis avec le code de l'exemple décrit sur développez.com ( http://sohtanaka.developpez.com/tuto...css-et-jquery/ )

    Avant d'arriver à cette fenêtre modale, je voudrais sélectionner dans une liste de produit, un produit spécifique -> l'agrandir avec la fenêtre modale -> et le modifier. Hors je n'arrive pas à passer l'id du produit correspondant.

    Soit je le passe avec :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="#?w=800" rel="Numero" class="poplight">Voir produit</a>

    Ou avec un <form>, mais je ne vois pas comment prendre l'Id de sélection et faire la requête dans un fichier Php pour l'afficher dans la fenêtre modale.

    Si vous comprenez ?

  4. #4
    Membre expérimenté
    Homme Profil pro
    Inscrit en
    Septembre 2009
    Messages
    875
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 34
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Septembre 2009
    Messages : 875
    Points : 1 313
    Points
    1 313
    Par défaut
    Il faut récupérer l'id de ton champ selectionné de ta liste en javascript.

    en javacript un truc dans le genre

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    document.getElementById("idSelect").options[document.getElementById("idSelect").selectedIndex].value;
    //document.getElementById("#dSelect").selectedIndex te donne l'index de l'option selectioné
    //document.getElementById("idSelect").options[unIndex].value te donne la valeur d'une option de l'index précisé
    en jQuery
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
     $('#idSelect option:selected').val();

  5. #5
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 418
    Points
    91 418
    Billets dans le blog
    20
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById("idSelect").options[document.getElementById("idSelect").selectedIndex].value;
    oui, ou plus directement
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById("idSelect").value;
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

Discussions similaires

  1. Réponses: 6
    Dernier message: 21/12/2014, 14h36
  2. [Forum] Afficher réponse formulaire dans une fenêtre modale
    Par cyrikou dans le forum EDI, CMS, Outils, Scripts et API
    Réponses: 2
    Dernier message: 24/07/2014, 08h57
  3. [AJAX] Formulaire dans une fenêtre modale
    Par hkp314 dans le forum AJAX
    Réponses: 6
    Dernier message: 06/08/2013, 00h20
  4. Poster formulaire saisie dans une fenêtre modale ?
    Par Cedraow dans le forum jQuery
    Réponses: 1
    Dernier message: 05/06/2013, 01h48
  5. Formulaire dans une fenêtre modale
    Par Amnesiak dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 28/02/2005, 14h25

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