..display == 'block' ?

Version imprimable

bonjour a tous !!

je n'arrive pas a masquer ou afficher mon menu par un simple click sur une div

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
function showMenu(id)
{
if (document.getElementById(id).style.display == 'block')
   {
       document.getElementById(id).style.display = 'none';
   }
 
else {
 
if (document.getElementById(id).style.display == 'block')
   {
       document.getElementById(id).style.display = 'none';
   }
}
}

possible ou pas ? aidez moi merci

Bonsoir,
Essaye ceci:

Code:

1
2
3
4
5
6
7
8
9
10
11
<script language="javascript" type="text/javascript">
function showMenu(id)
{
if (document.getElementById(id).style.display == 'block')
   {
       document.getElementById(id).style.display = 'none';
   } else {
       document.getElementById(id).style.display = 'block';
}
}
</script>

18/04/2008, 09h53
marcha
Salut,

Quand tu consulte une propriété style pour un élément donné tu observes
les styles pour l'élément tels qu'ils auraient pu être écrit dans l'attribut style
de cet élément et non les styles css réellement appliqués, je m'explique:

Si tu as un élément dont l'id est 'toto' et le css suivant:

#toto { display: block; }

<div id='toto'>blabla</div>

Alors

document.getElementById('toto').style.display ne vaut pas 'block'

Par contre si tu as

<div id='toto' style='display: block'>blabla</div>

alors

document.getElementById('toto').style.display vaut 'block'

Quand tu modifie le style display à 'none' par exemple et que tu veux ensuite
afficher l'élément à nouveau à 'block' (ou à son état par défaut) tu as meilleure
de tester si le style que tu as appliqué est présent, par exemple:
Code:

1 2 3 4 var e = document.getElementById('toto'); if(e.style.display!='none') e.style.display = 'none'; else e.style.display = ''; // remettre le style par défaut ou mettre 'block' si tu veux
18/04/2008, 15h02
siGo53

merci

bon et bien j'ai teste ta solution marcha et mon problème était bien celui que tu soulevai, c'est a dire que je mettai ma propriété display uniquement dans le css, du coup il ne changeai rien quand je cliquai car pas de valeur par defaut.

merci beaucoup c'est rapide et très précis !

RESOLU !!!