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

EDI, CMS, Outils, Scripts et API PHP Discussion :

Code javascript de menu dynamique avec des options depuis SQL


Sujet :

EDI, CMS, Outils, Scripts et API PHP

  1. #1
    Membre éclairé Avatar de Lekno
    Femme Profil pro
    Étudiant
    Inscrit en
    Septembre 2010
    Messages
    883
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 34
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Septembre 2010
    Messages : 883
    Points : 761
    Points
    761
    Par défaut Code javascript de menu dynamique avec des options depuis SQL
    Bonsoir, j'ai besoin d'un menu dynamique.

    J'ai tenté de faire fonctionner ce bout de code sans résultat.

    Il s'agit d'un formulaire HTML avec un bouton select dans lequel les options sont afficher dynamiquement via ma base de donnée SQL.

    Lorsque l'on séléctionne une certaine option ( ici la 2 ) un div avec la suite du formulaire "doit" apparaitre !

    Ma liste déroulante est bien rempli avec le code PHP mais le script javascript ne fonctionne pas. Le div ne s'affiche pas lors de la séléction de la 2 eme option !

    Si quelqu'un peut m'indiquer mon erreure je l'en remercie je ne la trouve pas .

    Mon header appel le fonction de connexion à SQL


    Cordialement

    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
            <?php include ("../include/header.inc.php"); ?>
     
    	  <?php
                $sql = 'SELECT id, nom  FROM jeux';
                $resultat = mysql_query($sql) or die(" Erreur de script");
                echo "
    	    <SELECT OnChange=" . "if ( this.value == 2 ) 
                    { document.getElementById('Formulaire_Suite').style.display='InLine'; }
                    else { document.getElementById('Formulaire_Suite').style.display='none'; }" .">";
                while ($ligne = mysql_fetch_array($resultat)) {
     
                    echo '<option value="' . $ligne[0] . '">' . $ligne[1] . '</option>';
                }
                echo "</select>";
                ?>
    <BR>
     
     
     
    <DIV ID='Formulaire_Suite' STYLE='display: none;'>
     La suite du formulaire dans cette DIV..
    </DIV>

  2. #2
    Expert éminent
    Avatar de Benjamin Delespierre
    Profil pro
    Développeur Web
    Inscrit en
    Février 2010
    Messages
    3 929
    Détails du profil
    Informations personnelles :
    Âge : 36
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Opérateur de télécommunications

    Informations forums :
    Inscription : Février 2010
    Messages : 3 929
    Points : 7 762
    Points
    7 762
    Par défaut
    Hello

    Ton problème s'apparente plus à Javascript qu'a PHP; tu devrais le déplacer.

    Essaie toujours ça:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    document.getElementById('Formulaire_Suite').style.display='block';
    (les divs sont des éléments de type block.)

    Ensuite:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <DIV ID='Formulaire_Suite' STYLE='display: none;'>
     La suite du formulaire dans cette DIV..
    </DIV>
    HTML 4: beurk.
    Attribut style: beurk.
    Binding d'évènements par attribut: re-beurk.
    (mais je te taquine là...)

    Enjoy

  3. #3
    Membre éclairé Avatar de Lekno
    Femme Profil pro
    Étudiant
    Inscrit en
    Septembre 2010
    Messages
    883
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 34
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Septembre 2010
    Messages : 883
    Points : 761
    Points
    761
    Par défaut
    Enfaite c'est le seul moyen que j'ai trouvé sans passer via Ajax que je ne connais absolument pas... si tu as d'autres idées je suis tout ouie

    Je test ca

  4. #4
    Membre éclairé Avatar de Lekno
    Femme Profil pro
    Étudiant
    Inscrit en
    Septembre 2010
    Messages
    883
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 34
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Septembre 2010
    Messages : 883
    Points : 761
    Points
    761
    Par défaut
    J'ai testé comme ceci , toujours pas de div à l'affichage....

    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
    	    <SELECT OnChange=" . "if ( this.value == 2 ) 
                    { document.getElementById('Formulaire_Suite').style.display='block'; }
                    else { document.getElementById('Formulaire_Suite').style.display='block'; }" .">";
                while ($ligne = mysql_fetch_array($resultat)) {
     
                    echo '<option value="' . $ligne[0] . '">' . $ligne[1] . '</option>';
                }
                echo "</select>";
                ?>
    <BR>
     
     
     
    <DIV ID='Formulaire_Suite' STYLE='display: none;'>
     La suite du formulaire dans cette DIV..
    </DIV>

  5. #5
    Membre éclairé Avatar de Lekno
    Femme Profil pro
    Étudiant
    Inscrit en
    Septembre 2010
    Messages
    883
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 34
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Septembre 2010
    Messages : 883
    Points : 761
    Points
    761
    Par défaut
    résolut, la solution était de mettre mes javascript dans une variable php et de fiare des concatenation

    Le code en devient plus propre c'est plus pratique pour repérer la syntaxe

  6. #6
    Expert éminent
    Avatar de Benjamin Delespierre
    Profil pro
    Développeur Web
    Inscrit en
    Février 2010
    Messages
    3 929
    Détails du profil
    Informations personnelles :
    Âge : 36
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Opérateur de télécommunications

    Informations forums :
    Inscription : Février 2010
    Messages : 3 929
    Points : 7 762
    Points
    7 762
    Par défaut
    résolut, la solution était de mettre mes javascript dans une variable php et de fiare des concatenation

    Le code en devient plus propre c'est plus pratique pour repérer la syntaxe
    Je te mentirai si je disait que je cautionne ce genre de pratique. Mais bon, si ça te satisfait comme ça, garde cette solution.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [WB17] Menu dynamique : comportement des options
    Par cladoo dans le forum WebDev
    Réponses: 1
    Dernier message: 30/12/2012, 16h51
  2. Réalisation d'un menu dynamique avec javascript
    Par KosenHitatchi dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 10/03/2011, 13h57
  3. [FLASH MX] Un menu dynamique pour des vidéos .flv
    Par Edoxituz dans le forum Flash
    Réponses: 10
    Dernier message: 12/02/2006, 15h46
  4. Charger un module automatiquement avec des options debian
    Par ZiMo dans le forum Administration système
    Réponses: 4
    Dernier message: 22/12/2005, 14h22
  5. [Javascript] Afficher du texte avec des intervalles
    Par Invité4 dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 02/01/2005, 21h29

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