Discussion :

[Toutankharton]

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 !

[Mr N.]

Modifie

Code :

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

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

Par

Code :

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

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

[Toutankharton]

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 :

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

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

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

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';}
}

[Mr N.]

Pas testé :

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
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';
      }
   }
}

[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é ?

[Mr N.]

Comme quoi il faut toujours tester

alors rajoute opened = false quand tu fermes un menu :

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
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';
      }
   }
}

[Mr N.]

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.

[Toutankharton]

ça marche toujours pas
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 ?

[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