afficher et masquer un select

**id123** · 18/08/2010, 16h04

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**SpaceFrog** · 18/08/2010, 16h06

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

**id123** · 18/08/2010, 16h20

Envoyé par SpaceFrog

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

il y a rien dans le FAQ!

**SpaceFrog** · 18/08/2010, 16h26

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

**id123** · 18/08/2010, 16h36

Envoyé par SpaceFrog

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

ça n'a pas marché!

**SpaceFrog** · 18/08/2010, 16h38

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

**id123** · 18/08/2010, 16h44

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**SpaceFrog** · 18/08/2010, 16h52

une option n'accepte pas de onclick ...

tu devras passer par le onchange de la balise select

**blade159** · 20/08/2010, 00h24

Bonsoir,

voici un code qui fonctionne chez moi :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

afficher et masquer un select

JavaScript

Discussions similaires

Partager

Partager