[RESOLU] Afficher / Masquer des DIV

oui mais non

faut pas faire des write mais affichier / cacher des div ...

Bonjour,

... Et merci pour votre réponse.
J'ai donc modifié mon code, et regroupé chaque "lot" de cases à cocher dans des DIV distinctes, comme ça.

<div id="casesTouschoix" style="display:none">

   <table width="50%"><tr><input type='checkbox' name='expedparcode' />Expéditions par code CPS</tr>

   <tr><input type='checkbox' name='listeavis' />Liste des avis</tr></table>

  </div> 

 
  <div id="casesTubes" style="display:none">

   <table width="50%"><tr><input type='checkbox' name='horseuropipe' />Hors Europipe</tr>

   <tr><input type='checkbox' name='europipe' />Europipe</tr>

   <tr><input type='checkbox' name='iran' />Iran</tr>

   <tr><input type='checkbox' name='plaquettes' />Plaquettes</tr></table>

  </div> 

 
  <div id="casesDeclasses" style="display:none">

   <table width="50%"><tr><input type='checkbox' name='parpostecommande' />Par poste de commande</tr>

   <tr><input type='checkbox' name='parcommande' />Par commande</tr></table>

  </div> 

 
  <div id="casesTransport" style="display:none">

   <table width="50%"><tr><input type='checkbox' name='transtschoix' />Tous choix</tr></table>

  </div>

 
  <div id="casesDivers" style="display:none">

   <table width="50%"><tr><input type='checkbox' name='fournitures' />Fournitures gratuites interservises LAF</tr>

   <tr><input type='checkbox' name='suiviagp' />Suivi AGP</tr>

   <tr><input type='checkbox' name='ziegel' />Ziegelander</tr>

   <tr><input type='checkbox' name='dicut' />Dicut</tr></table>

   </div>

Par défaut, j'ai mis la propriété display de chaque div à "none", car aucune case ne doit être affichée au départ.

Par contre, comment changer la valeur de cette propriété en javascript, pour afficher ou non les groupes de cases à cocher en fonction de l'élément sélectionné dans la liste déroulante ?...

J'ai essayé ça, mais ça ne semble pas fonctionner :

- HTML :

<form name="formsuivi" action="compta.php" method="post">

 
    <b>Sélectionnez une rubrique :</b>

 
    <SELECT name="rubrique" size="1" onChange="changerub(formsuivi.rubrique.selectedIndex)">

    <OPTION value="listetouschoix" selected>Tous choix

    <OPTION value="listetubes" >Tubes

    <OPTION value="listedeclasses" >Déclassés

    <OPTION value="listetransport" >Transport

    <OPTION value="listedivers" >Divers

    </SELECT>

 
[...]

 
</form>

- JAVASCRIPT :

function changerub(rubrique){

 if(rubrique==0){

   var targetElement;

   targetElement = document.formsuivi.getElementById('touschoix');

   targetElement.style.display = "" ;

 }

 elseif(rubrique==1){

   var targetElement;

   targetElement = document.formsuivi.getElementById('tubes');

   targetElement.style.display = "" ;

 }

 elseif(rubrique==2){

   var targetElement;

   targetElement = document.formsuivi.getElementById('declasses');

   targetElement.style.display = "" ;

 }

 elseif(rubrique==3){

   var targetElement;

   targetElement = document.formsuivi.getElementById('transport');

   targetElement.style.display = "" ;

 }

 elseif(rubrique==4){

   var targetElement;

   targetElement = document.formsuivi.getElementById('divers');

   targetElement.style.display = "" ;

 }

}

Merci par avance,
Alex

UP SVP

faut mettre display à "block" et pas à ""  

Merci, j'ai fait la modif. Mais toujours rien... A part une erreur Javascript.  

>> "Objet attendu"

function changerub(rubrique){

 
var targetElement;

 
if(rubrique==0){

   targetElement = document.formsuivi.getElementById('touschoix');

   targetElement.style.display = "block" ;

 }

 elseif(rubrique==1){

   targetElement = document.formsuivi.getElementById('tubes');

   targetElement.style.display = "block" ;

 }

 elseif(rubrique==2){

   targetElement = document.formsuivi.getElementById('declasses');

   targetElement.style.display = "block" ;

 }

 elseif(rubrique==3){

   targetElement = document.formsuivi.getElementById('transport');

   targetElement.style.display = "block" ;

 }

 elseif(rubrique==4){

   targetElement = document.formsuivi.getElementById('divers');

   targetElement.style.display = "block" ;

 }

}

<form name="formsuivi" action="compta.php" method="post">

 
    <b>Sélectionnez une rubrique :</b>

 
    <SELECT name="rubriques" size="1" onChange="changerub(formsuivi.rubriques.selectedIndex);">

    <OPTION value="listetouschoix" selected>Tous choix

    <OPTION value="listetubes" >Tubes

    <OPTION value="listedeclasses" >Déclassés

    <OPTION value="listetransport" >Transport

    <OPTION value="listedivers" >Divers

    </SELECT>

 
[...]

</form>

Merci beaucoup à qui pourra m'aider !

Problème résolu.

Et quelle est ta soluce, s'il te plait ?

Vous la trouverez sur le forum d'Hardware. J'ai reçu une réponse complète 7 minutes après avoir posté mon message... J'aurai dû m'y rendre plus tôt.

http://forum.hardware.fr/hfr/Programmation/HTML-CSS-Javascript/resolu-afficher-masquer-sujet_100352_1.htm

Bon après-midi,