[JS] Problème de DIV

Marsh Posté le 30-01-2007 à 11:19:32

Bonjour,

Petit souci d'affichage / masquage de blocs DIV.
Je m'explique :
J'ai un formulaire avec deux boutons radios, et une liste déroulante, dont je souhaite que le contenu change en fonction du bouton radio sélectionné par l'utilisateur.

Suite à un précédent topic, j'ai donc eu l'idée de créer 2 listes déroulantes distinctes (une correspondant au bouton radio 1, l'autre au bouton radio 2) dans des DIV, et d'afficher / masquer ces DIV lorsque l'utilisateur sélectionne un bouton radio.

Mais ça ne semble pas fonctionner...

Voici mon code :

- Dans le HEAD, en JS :

Code :

function listDeroulCompt(selRub){
if (selRub == 'produit'){
document.getElementById(listProd).style.display = 'block';
document.getElementById(listTransp).style.display = 'none';
}
else if (selRub == 'transp'){
document.getElementById(listProd).style.display = 'none';
document.getElementById(listTransp).style.display = 'block';
}
}

- Dans le BODY, en HTML :

Code :

<FIELDSET style="width: 290" align="center">
<LEGEND> Sélectionnez une rubrique </LEGEND>
<input type="radio" name="choixRub" value="Produit" onchange="listDeroulCompt('produit');" checked>Produit<br />
<input type="radio" name="choixRub" value="Transport" onchange="listDeroulCompt('transp');">Transport
</FIELDSET>
<br />
<br />
<FIELDSET style="width: 290" align="center">
<LEGEND> Sélectionnez un tableau </LEGEND>
<br />
<center>
<div id="listProd" style="display:block">
<SELECT name="listeEtatsSuiviComptable" size="1" >
<OPTION value="Tous les tableaux - Produit" selected>Tous les tableaux</option>
<OPTION value="Expéditions par code CPS">Expéditions par code CPS</option>
<OPTION value="Liste des avis" >Liste des avis</option>
<OPTION value="Suivi comptabilité">Suivi comptabilité</option>
<OPTION value="Hors Europipe" >Hors Europipe</option>
</SELECT>
<br />
</div>
<div id="listTransp" style="display:none">
<SELECT name="listeEtatsSuiviComptable2" size="1" >
<OPTION value="choix1" selected>Choix 1</option>
<OPTION value="choix2">Choix 2</option>
<OPTION value="choix3" >Choix 3</option>
</SELECT></center>
<br />
</div>
</center>
<br />
</FIELDSET>

Une idée ?...

Merci par avance,

Message édité par Bounty59 le 30-01-2007 à 11:20:34

Reply

Marsh Posté le 30-01-2007 à 11:19:32

Reply

Marsh Posté le 30-01-2007 à 11:49:11

Dans getElementById(), met l'id entre quote. sinon c'est pas une chaîne mais une variable (innexistante).

Message édité par dwogsi le 30-01-2007 à 11:50:00

Reply

Marsh Posté le 30-01-2007 à 12:39:06

Merci beaucoup pour ton aide, erreur ridicule, j'en ai honte !

:jap:

Reply

[JS] Problème de DIV

Sujets relatifs:

Leave a Replay