afficher et masquer un select

Version imprimable

Salut;
je suis entrain de créer une page web dont j'ai besoin de script qui me permet d'afficher ou masquer un menu déroulant.

Je veux que l'utilisateur lorsqu'il clique sur En service "seulement", le menu déroulant (select) soit affiché, si non il reste masqué.

J'ai fait recourt au script suivant:
Code:

1 2 3 4 5 6 7 <td width=200 height=55 valign=center>ÉTAT</td><td><select class="widthed" size='1' name="etat"> <OPTION <?php if ($row->ETAT=="En stock") echo "selected='selected'"; ?> onClick="javascript:document.f2.service.style.visibility='hidden';">En stock</OPTION> <OPTION <?php if ($row->ETAT=="En service") echo "selected='selected'"; ?> onClick="javascript:document.f2.service.style.visibility='visible';">En service</OPTION> </select></td><td> <select style="margin-left:40px;" class="widthed" size='1' name=service onLoad="javascript:this.style.visibility='hidden';" > <option value='void'>Choisissez un service</option>
Mais ça n'a pas marché du tout. :(
S'il vous plais, guidez moi à fin de trouver la solution.
Cordialement.

18/08/2010, 16h06
SpaceFrog

une petite visite dans la faq javascript s'impose ...
18/08/2010, 16h20
id123

Citation:

Envoyé par SpaceFrog

une petite visite dans la faq javascript s'impose ...

il y a rien dans le FAQ!
18/08/2010, 16h26
SpaceFrog

quel aplomb dans cette affirmation !!!
http://javascript.developpez.com/faq...SS#affichObjet
18/08/2010, 16h36
id123

Citation:

Envoyé par SpaceFrog

quel aplomb dans cette affirmation !!!
http://javascript.developpez.com/faq...SS#affichObjet

ça n'a pas marché!
18/08/2010, 16h38
SpaceFrog

sans doute parce que tu n'a pas su l'implémenter...

mais sans nous dire ce que tu as essayé de faire et sans nous montrer ton code ça va être dur de t'aider ...

Citation:

Envoyé par SpaceFrog

sans doute parce que tu n'a pas su l'implémenter...

mais sans nous dire ce que tu as essayé de faire et sans nous montrer ton code ça va être dur de t'aider ...
Code:

1 2 3 4 5 6 7 8 <td width=200 height=55 valign=center>ÉTAT</td><td><select class="widthed" size='1' name="etat"> <OPTION <?php if ($row->ETAT=="En stock") echo "selected='selected'"; ?> onClick="cacher(service);">En stock</OPTION> <OPTION <?php if ($row->ETAT=="En service") echo "selected='selected'"; ?> onClick="afficher(service);">En service</OPTION> </select></td><td> <select style="margin-left:40px;" class="widthed" size='1' name=service id=service> <option value='void'>Choisissez un service</option>
Voila ce que j'ai fait.
J'ai collé les deux fonctions afficher et cacher dans le <head>.

18/08/2010, 16h52
SpaceFrog

une option n'accepte pas de onclick ...

tu devras passer par le onchange de la balise select

Bonsoir,

voici un code qui fonctionne chez moi :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<script type="text/javascript">
 
        function afficher(ma_balise,etat)
        {
            if(etat=='cache')
            {
                document.getElementById(ma_balise).style.visibility= 'hidden';
            }
            else
            {
                document.getElementById(ma_balise).style.visibility = 'visible';
            }
        }
        </script>

Code:

1
2
3
4
5
6
7
8
9
10
11
 
<td width=200 height=55 valign=center>&Eacute;TAT</td>
<td>
    <select  class="widthed"  size='1' name="etat" onChange="afficher('service',this.value);">
        <OPTION <?php if ($row->ETAT=="En stock") echo "selected='selected'"; ?> value="cache">En stock</OPTION>  
        <OPTION <?php if ($row->ETAT=="En service") echo "selected='selected'"; ?> value="affiche">En service</OPTION>  
    </select>
</td>
<td>
    <select style="margin-left:40px;" class="widthed" size='1' name='service' id='service'> 
        <option value='void'>Choisissez un service</option>