Discussion :

[siGo53]

bonjour a tous !!

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

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

[Jumano]

Bonsoir,
Essaye ceci:

Code :

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

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>

[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 :

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

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

[siGo53]

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