Menu vertical

Bonjour,

suite à une journée de recherche non fructueuse, je viens vous demander votre contribution à la résolution d'un obscur problème digne des plus grandes énigmes policières.... pour moi.

J'ai récupéré le code javascript d'un tutorial de ce site:

<!--
	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';}
	window.alert('Fin de montre()')
	}
	//-->

Avec une petite boîte qui affiche un message pour essayer de débuguer.

Je vous mets ensuite le code du menu:

<ul class="menugauche">
		
			<li onclick="javascript:montre();"><a href="index.php?page=news">Home</a></li>
			
			<li onclick="javascript:montre('smenu2');"><a href="#">GUA Brochures and registration</a></li>

				<ul id="smenu2" class="sousmenu1">
					<li><a href="index.php?page=registration">Introduction</a></li>
					<li><a href="index.php?page=#">Member registration request</a></li>
				</ul>
				
			<li onclick="javascript:montre('smenu3');"><a href="#">Events</a></li>
				
				<ul id="smenu3">
					<li><a href="index.php?page=events">Introduction</a></li>
					
					<li onclick="javascript:montre('smenu5');"><a href="#">Club G.O.L.D. 2006</a></li>
					<ul id="smenu5">
						<li><a href="index.php?page=#">Agenda</a></li>
						<li><a href="index.php?page=#">Registration</a></li>
						<li><a href="index.php?page=#">Presentations</a></li>
						<li><a href="index.php?page=#">Sponsors</a></li>
					</ul>
					
					<li><a href="index.php?page=#">Club G.O.L.D. 2005</a></li>
					<li><a href="index.php?page=#">G.O.L.D. User Forum 2004</a></li>
					<li><a href="index.php?page=#">Club G.O.L.D. 2003</a></li>
					
				</ul>
</ul>

Voilà mon problème:
quand je clique sur event, j'ai bien le menu 'smenu3' qui s'affiche avec un seul passage dans le code javascript (un seul affichage du message "fin de montre()").
Par contre quand je clique sur le lien Club G.O.L.D. 2006, j'ai un premier passage dans le code js avec le menu d'origine (seuls les liens toujours visibles le sont), puis un deuxième passage dans le code js avec mon menu comme il était avant que je clique sur le lien.

Suite d'images chronlogiques pour illustrer:
Etape1 -> je clique


Etape2 -> premier passage dans le code js


Etape3 -> deuxième passage dans le code js


Etape4: le menu reste dans cet état.

J'espère avoir été clair.

Merci d'avance.
Modifié par Stampeed (06 Apr 2006 - 15:08)

Bonjour Stampeed,

Je déplace ce topic dans le salon "Tutoriels et exercices Alsacréations : Service Après Vente", prévu pour la mise en application des tutoriels du site.

Tu auras plus de chances d'y trouver des volontaires !

Désolé de ne pas avoir posté dans le bon forum

Qu'est ce que tu comprends pas

Je sais pas, je devais être un peu dans le cirage

Et si tu essayais ce menu en cascade

je m'excuse de ne pas avoir répondu plus rapidement mais j'ai été un peu occupé.
Je vais essayer ton lien, ça l'air bien.
Je te tiens au courant.

Merci

Y'a pas d'mal

Oui tiens moi au courant, je l'ai pas essayé, mais comme tu veux faire des sous-sous-menus et que les menu d'alsa sont pas fait pour ça, il faut mieux que tu essaies celui là

Bonjour Didine,

Normalement, si tu as bien mis ce code :

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

comme dans le tuto, ça ne devrait pas le faire