masquer un libellé avec javascript

Version imprimable

12/04/2006, 10h24
cyberastuce

masquer un libellé avec javascript

Bonjour a tous ,

J'ai une page HTML avec une liste déroulante et un libellé a coté .

Il faut que ces 2 elements s'effacent quand une autre liste déroulante affiche une certaine valeur.
J'arrive a effacer la 2 eme liste déroulante mais pas le libellé.

voici mon code :

<%=context.getMessage("market")%> // ca affiche le libellé
<select name='marche'
onChange="javascript:updateApplicationdocument.forms.environnement)"></select> // la combobox

if(profil != "P_SICOM_ADMIN-REFDATA"){
environnement.marche.style.visibility='visible';
}else{
environnement.marche.style.visibility='hidden';
}

Ca marche très bien pour la liste déroulante mais comment procéder pour le label ???

Merci beaucoup d'avance ,

Hélène
Merci atous de votre aide !!
12/04/2006, 10h36
Oluha

il faut que tu affiches le libellé dans une div ayant un id, ainsi tu pourras procéder de la même façon
12/04/2006, 10h38
MasterOfChakhaL

je te propose d'utiliser la balise <label> pour délimiter ton libellé...
tu pourras ainsi y accéder de la même manière que pour ta liste....

en plus c'est fait pour...
12/04/2006, 11h04
cyberastuce

Re-Coucou!
merci de vos réponses !!
J'ai essayé les 2 solutions et ca ne marche pas !!
Peutre me suis je trompée ?

<DIV id='marketlabel'>
<%=context.getMessage("market")%>   
</DIV>

avec
environnement.marketlabel.style.visibility='hidden';
=> ca reste affiché

et j'ai essayé

environnement.marche.style.visibility='hidden';

avec
<td class='td1' style='text-align: right; vertical-align: middle' width="250">
<LABEL FOR='marche'>
<%=context.getMessage("market")%>   </td>

<td style='text-align: left; vertical-align: middle'>
<select name='marche' ID='marche'
onChange="javascript:updateApplication(document.forms.environnement);">
</select>
</LABEL>
</td>

J'ai essayé aussi de virer les balises TD/TR mais ca n'a rien fait non plus :(((
Ou me suis je trompée ??

normalement, il doit t'être possible de t'en sortir avec les deux solution proposées...

en ce qui concerne celle avec les labels, tu as une erreur au niveau du html...
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 <td class='td1' style='text-align: right; vertical-align: middle' width="250"> <LABEL FOR='marche'> <%=context.getMessage("market")%>    </LABEL> </td> <td style='text-align: left; vertical-align: middle'> <select name='marche' ID='marche' onChange="javascript:updateApplication(document.forms.environnement);"> <option>option1</option > <option>option2</option> ... </select> </td>
(les balises doivent être fermées d'en l'ordre inverse de leur ouverture...)

12/04/2006, 12h03
cyberastuce

sinon y a t'il une commande spéciale pour effecer le label ou alors le simple fait de faire environnement.marche.style.visibility='hidden';
efface aussi le label?
Merci !!!
@+++
12/04/2006, 15h14
cyberastuce

je fais remonter le message car je suis vraiment en galère :((

Code:

1
2
3
4
5
6
7
8
9
10
 
    <label for='marche' id='marcheLabel'> 
        <%=context.getMessage("market")%>&nbsp;&nbsp;&nbsp; 
    </label>
    <select name='marche' id='marche' 
onChange="javascript:updateApplication(document.forms.environnement);">
        <option>option1</option >
        <option>option2</option>
        ...
    </select>

Puis:

Code:

1
2
3
 
document.getElementById('marche').style.visibility='hidden';
document.getElementById('marcheLabel').style.visibility='hidden';

(désolé, j'ai enlevé les tables, mais c'est moches les tables....)

12/04/2006, 16h09
cyberastuce

Génial ca marche !! merci a tous !!!