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