Code javascript de menu dynamique avec des options depuis SQL

[user2home]

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: Tout sélectionner

        <?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>



[user2home]

j'ai toujours le soucis du DIV, après plusieurs test.. :s

[UsagiYojimbo]

Tu as installé le plugin Firefox Firebug pour pouvoir afficher les erreurs javascript éventuelles ?

[user2home]

Oui j'ai regardé et il me sort un code completement incohérent....

<select }="" ;="" ).style.display="none" formulaire_suite="" document.getelementbyid(="" {="" else="" )="" 2="" this.value="=" (="" onchange="if" ttype="text/javascript"><option value="1">value1</option><option value="2">value2</option><option value="3">value3</option><option value="4">value4</option></select>

[spout]

Je pense que tu devrais recommencer ton code pour générer le <select><option>, là tu vois bien que ça génère du n'importe quoi.
Si au moins on avait une URL pour voir le résultat...
Et comme UsagiYojimbo te l'a conseillé, Firebug est ton ami

Allez je suis gentil:

Code: Tout sélectionner

<?php
$sql = 'SELECT id, nom  FROM jeux';
$resultat = mysql_query($sql) or die("Erreur de script");
$onchange = 'if(this.value == 2){document.getElementById(\'Formulaire_Suite\').style.display=\'inline\';} else {document.getElementById(\'Formulaire_Suite\').style.display=\'none\'; }';
echo '<select onchange="'.$onchange.'">';
while ($ligne = mysql_fetch_array($resultat)) {
    echo '<option value="' . $ligne[0] . '">' . $ligne[1] . '</option>';
}
echo '</select>';
?>


[UsagiYojimbo]

Perso je suis pas friand de mettre des bout d'algo directement dans le onchange. Appeler une fonction avec des paramètres me semble bien plus propre (et lisible).

[spout]

+1 c'est sûr que ce serait plus propre, avec un listener encore mieux aussi

[user2home]

Je regardé ta correction Spout c'est géniale ! Le coup du code javascript dans la variable résout beaucoup de problemes

Je te remercie