Discussion :

[thibault31590]

Bonjour,

je m'adresse ici parce que j'ai des petits problemes afin de realiser un script sur des menus deroulant dans une page html ... je m'explique :

j'ai 2 menus deroulant comme ceux-ci :
<table WIDTH="100%" CELLSPACING="0">
<tr VALIGN="top">
<td WIDTH="20%"><strong><font face="Arial"><small><a NAME="3"></a> </small></font><font
COLOR="#154f8f" size="2" face="Arial">Votre direction</font><font face="Arial"><small> </small></font></strong></td>
<td WIDTH="20%"><strong><font face="Arial"><small><a NAME="4"></a> </small></font><font
COLOR="#154f8f" size="2" face="Arial">Votre sous-direction :</font></strong><font
face="Arial"><small> </small></font></td>
<td width="60%"></td>
</tr>
<tr VALIGN="top">
<td><font face="Arial"><select NAME="v4" size="1" onchange="UpdateSample1();">
<option VALUE SELECTED> </option>
<option VALUE="1"> P </option>
<option VALUE="2"> CG </option>
<option VALUE="3"> DAJ </option>
<option VALUE="4"> DCE </option>
<option VALUE="5"> DCT </option>
<option VALUE="6"> DF </option>
<option VALUE="7"> DLA </option>
<option VALUE="8"> DRH </option>
<option VALUE="9"> DSC </option>
<option VALUE="10"> DSI </option>
<option VALUE="11"> DSP </option>
<option VALUE="12"> FD </option>
<option VALUE="13"> IGQ </option>
</select> </font></td>

<td><font face="Arial"><select NAME="v5" size="1">
<option VALUE SELECTED> </option>
<option VALUE="1"> DSI - D et Services rattachés </option>
<option VALUE="2"> DSI - EA </option>
<option VALUE="3"> DSI - SD </option>
<option VALUE="4"> DCT-D et services rattachés </option>
<option VALUE="5"> DCT-DA et services rattachés </option>
<option VALUE="6"> DCT-SI </option>
<option VALUE="7"> DCT-TV </option>
<option VALUE="8"> DCT-AQ </option>
<option VALUE="9"> DCT-OP </option>
<option VALUE="10"> DCT-BL </option>
<option VALUE="11"> DCT-PO </option>
<option VALUE="12"> DCT-RF </option>
<option VALUE="13"> DCT-SA </option>
<option VALUE="14"> DCT-SB </option>
<option VALUE="15"> DCT-RH </option>
<option VALUE="16"> DCT-PS </option>
<option VALUE="17"> DLA-D et services rattachés </option>
<option VALUE="18"> DLA-SDS </option>
<option VALUE="19"> DLA-SDT </option>
<option VALUE="20"> DLA-SFR </option>
<option VALUE="21"> DLA-AG </option>
<option VALUE="22"> DLA-SDE </option>
<option VALUE="23"> DLA-AQ </option>
<option VALUE="24"> CG-D et services rattachés </option>
<option VALUE="25"> CG-SDO </option>
<option VALUE="26"> CG-SDP </option>
</select> </font></td>
</tr>
</table>

Ce que j'aimerai réaliser c'est lorsque je selectionne une certaine option du premier menu le second menu s'affiche avec seulement les options correspondantes (ex : si je selectionne CG, les 3 options CG du 2nd menu s'affiche ... etc ... si, je selectionne l'option P ou DAJ ... le 2nd menu ne s'affiche pas)

J'ai deja commencé a ecrire ceci mais ca fonctionne pas tres bien et je ne sais pas comment integré une fonction d'affichage ou non ... :

function UpdateSample1()
{
var makeSelect = document.forms.quest.v4;
var modelSelectSite = document.forms.quest.v5;

// Clear the popups
modelSelectSite.options.length = 0;
modelSelectSite.options[0] = new Option("");

if (makeSelect.options[makeSelect.selectedIndex].value == "2" ){
modelSelectSite.options[1] = new Option("CG-D et services rattachés", 24);
modelSelectSite.options[2] = new Option("CG-SDO", 25);
modelSelectSite.options[3] = new Option("CG-SDP", 26);
}
else if (makeSelect.options[makeSelect.selectedIndex].value == "5"){
modelSelectSite.options[1] = new Option("DCT-D et services rattachés", 4);
modelSelectSite.options[2] = new Option("DCT-DA et services rattachés", 5);
modelSelectSite.options[3] = new Option("DCT-SI", 6);
modelSelectSite.options[4] = new Option("DCT-TV", 7);
modelSelectSite.options[5] = new Option("DCT-AQ", 8);
modelSelectSite.options[6] = new Option("DCT-OP ", 9);
modelSelectSite.options[7] = new Option("DCT-BL", 10);
modelSelectSite.options[8] = new Option("DCT-PO", 11);
modelSelectSite.options[9] = new Option("DCT-RF", 12);
modelSelectSite.options[10] = new Option("DCT-SA", 13);
modelSelectSite.options[10] = new Option("DCT-SB", 14);
modelSelectSite.options[11] = new Option("DCT-RH", 15);
modelSelectSite.options[12] = new Option("DCT-PS", 16);
}
else if (makeSelect.options[makeSelect.selectedIndex].value == "7"){
modelSelectSite.options[1] = new Option("DLA-D et services rattachés", 17);
modelSelectSite.options[2] = new Option("DLA-SDS", 18);
modelSelectSite.options[3] = new Option("DLA-SDT", 19);
modelSelectSite.options[4] = new Option("DLA-SFR", 20);
modelSelectSite.options[5] = new Option("DLA-AG", 21);
modelSelectSite.options[5] = new Option("DLA-SDE", 22);
modelSelectSite.options[5] = new Option("DLA-AQ", 23);
}
else if (makeSelect.options[makeSelect.selectedIndex].value == "10"){
modelSelectSite.options[1] = new Option("DSI - D et Services rattachés", 1);
modelSelectSite.options[2] = new Option("DSI - EA", 2);
modelSelectSite.options[3] = new Option("DSI - SD", 3);

}
document.forms.quest.v3[0].focus();
}


Je vous remercie d'avance si vous pouvez m'aider !!!

Bonne journée

Thibault

[thibault31590]

alors ... j'ai un autre petit probleme ... voila ce que j'ai ecrit :



function yes(bloc){
var navName=navigator.appName;

if(document.getElementById){
var elem =document.getElementById(bloc);

if(navName=="Microsoft Internet Explorer"){
elem.style.visibility = 'visible';
}
else{
navVer=parseInt(navigator.appVersion);
if(navVer>4){
elem.style.visibility = 'visible';
}
}
}
}

function no(bloc){
var navName=navigator.appName;
if(document.getElementById){
var elem =document.getElementById(bloc);

if(navName=="Microsoft Internet Explorer"){
elem.style.visibility = 'hidden';
}
else{
navVer=parseInt(navigator.appVersion);
if(navVer>4){
elem.style.visibility = 'hidden';
}
}
}
}

<tr VALIGN="top">
<td><font face="Arial"><select NAME="v4" size="1">
<option VALUE SELECTED> </option>
<option VALUE="1" onclick="{no('menu');}"> P </option>
<option VALUE="2" onclick="{yes('menu');}"> CG </option>
<option VALUE="3" onclick="{no('menu');}"> DAJ </option>
<option VALUE="4" onclick="{no('menu');}"> DCE </option>
<option VALUE="5" onclick="{yes('menu');}"> DCT </option>
<option VALUE="6" onclick="{no('menu');}"> DF </option>
<option VALUE="7" onclick="{yes('menu');}"> DLA </option>
<option VALUE="8" onclick="{no('menu');}"> DRH </option>
<option VALUE="9" onclick="{no('menu');}"> DSC </option>
<option VALUE="10" onclick="{yes('menu');}"> DSI </option>
<option VALUE="11" onclick="{no('menu');}"> DSP </option>
<option VALUE="12" onclick="{no('menu');}"> FD </option>
<option VALUE="13" onclick="{no('menu');}"> IGQ </option>
</select> </font></td>
</tr>


<tr VALIGN="top" id="menu" style="visibility:hidden">
<td><table WIDTH="100%" CELLSPACING="0">
<tr VALIGN="top">
<td id="menu"><font face="Arial"><select NAME="v5" size="1">
<option VALUE SELECTED> </option>
<option VALUE="1"> DSI - D et Services rattachés </option>
<option VALUE="2"> DSI - EA </option>
<option VALUE="3"> DSI - SD </option>
<option VALUE="4"> DCT-D et services rattachés </option>
<option VALUE="5"> DCT-DA et services rattachés </option>
<option VALUE="6"> DCT-SI </option>
<option VALUE="7"> DCT-TV </option>
<option VALUE="8"> DCT-AQ </option>
<option VALUE="9"> DCT-OP </option>
<option VALUE="10"> DCT-BL </option>
<option VALUE="11"> DCT-PO </option>
<option VALUE="12"> DCT-RF </option>
<option VALUE="13"> DCT-SA </option>
<option VALUE="14"> DCT-SB </option>
<option VALUE="15"> DCT-RH </option>
<option VALUE="16"> DCT-PS </option>
<option VALUE="17"> DLA-D et services rattachés </option>
<option VALUE="18"> DLA-SDS </option>
<option VALUE="19"> DLA-SDT </option>
<option VALUE="20"> DLA-SFR </option>
<option VALUE="21"> DLA-AG </option>
<option VALUE="22"> DLA-SDE </option>
<option VALUE="23"> DLA-AQ </option>
<option VALUE="24"> CG-D et services rattachés </option>
<option VALUE="25"> CG-SDO </option>
<option VALUE="26"> CG-SDP </option>
</select> </font></td>
</tr>


ca marche sur FIREFOX ... mais pas avec internet explorer .... Pourquoi ???

Merci par avance !!!

[thibault31590]

mes fonctions marchent mais pas dans les choix <option value...> du 1er menu ca ne s'active pas sous internet explorer...

je demande avec la plus grande humilié votre grande pitié ...