Afficher/Cacher un sous menu au clic

Version imprimable

28/09/2005, 15h00
Toutankharton

Afficher/Cacher un sous menu au clic

Bonjour,
J'ai un petit (gros) probleme avec ce menu en dev :
http://www.toutankharton.com/az/

Je voudrais qu'au clic sur un des menus, son sous menu s'affiche (et si il n'a pas de sous menu, que la page en lien se charge). Si on reclique dessus, je veux que le sous menu se cache. Et finalement si javascript est desactivé, j'aimerais que le menu s'affiche entierement developpé.

Mon probleme, que vous pouvez donc voir ici : http://www.toutankharton.com/az/ , c'est que lorsque l'on clique sur un menu, le sous menu saffiche et disparait tout de suite !

Merci d'avance à tous !
28/09/2005, 15h07
Mr N.

Modifie

Code:

<li onclick="javascript:montre('smenu1');"><a href="">Les Dieux égyptiens</a>

Par

Code:

<li><a href="javascript:montre('smenu1');">Les Dieux égyptiens</a>

Merci pour cette réponse rapide ! J'ai fait ceci pour permettre de faire un lien pour les navigateurs n'acceptant pas javascript, et ça marche :

Code:

<li><a href="http://<a href="http://www.developpez.com"" target="_blank">www.developpez.com"</a> onclick="javascript:montre('smenu3');return false">Mon Item</a>

Par contre, et là je croit que ça vient de mon script même, je n'arrive toujours pas à afficher/masquer au clic. C'est à dire que jaimerais que si on clic une fois, ça déplie le sous menu, et si on reclic, ça le referme... Pour l'instant, il faut cliquer sur un autre lien pour ouvrir un autres sous menu et par la même effacer l'ancien...

Le script :
Code:

1 2 3 4 5 6 7 8 window.onload=montre; function montre(id) { var d = document.getElementById(id); for (var i = 1; i<=10; i++) { if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';} } if (d) {d.style.display='block';} }

Pas testé :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
var opened = false;
function montre(id) {
   for (var i = 1; i<=10; i++) {
      if (document.getElementById('smenu'+i)) {
         document.getElementById('smenu'+i).style.display='none';
      }
   }
   var d = document.getElementById(id);
   if (d) {
      if(opened == d) {
         d.style.display='none';
      } else {
         opened = d;
         d.style.display='block';
      }
   }
}

28/09/2005, 15h44
Toutankharton

ça ne change rien...

J'ai mis à jour le code cependant :
avec le tient : http://www.toutankharton.com/az/index2.html
l'ancien : http://www.toutankharton.com/az/

Je n'y connais rien en javascript, alors je ne peux pas dire pourquoi ton code marche pas. Je croit que tu charge une variable qui dit que par defaut les menus sont fermés, et qu'a chaque action, tu change la variable pour indiquer si le menu est ouvert ou fermé ?

Comme quoi il faut toujours tester ;)

alors rajoute opened = false quand tu fermes un menu :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
window.onload = montre;
var opened = false;
function montre(id) {
   for (var i = 1; i<=10; i++) {
      if (document.getElementById('smenu'+i)) {
         document.getElementById('smenu'+i).style.display='none';
      }
   }
   var d = document.getElementById(id);
   if (d) {
      if(opened == d) {
         opened = false;
         d.style.display='none';
      } else {
         opened = d;
         d.style.display='block';
      }
   }
}

28/09/2005, 16h02
Mr N.

Citation:

Envoyé par Toutankharton

Je n'y connais rien en javascript, alors je ne peux pas dire pourquoi ton code marche pas. Je croit que tu charge une variable qui dit que par defaut les menus sont fermés, et qu'a chaque action, tu change la variable pour indiquer si le menu est ouvert ou fermé ?

opened n'est peut-etre pas bien nommée, mais en gros c'est le menu en cours qui est ouvert. Quand tout est fermé il n'y a pas d'élément ouvert (LaPalisse, me voilà!) donc opened == false.
28/09/2005, 16h04
Toutankharton

ça marche toujours pas :cry:
http://www.toutankharton.com/az/index2.html

arf ! est-ce au moins faisable ? en tout cas merci pour tes efforts :) tu c'est pourquoi ça ne veux pas marcher ?
28/09/2005, 16h18
Toutankharton

au temps pour moi, j'avais oublié un <script src> qui court circuitais ton code... Merci beaucoup à toi ! Je met mon sujet en resolu :)