Discussion :

[OulamOrt]

Bonjour à tous,
Je suis en pleine conception d'un site et je rencontre un problème pour la mise en place d'un menu déroulant de ce style : http://dosimple.ch/articles/Menus-dy...rizontal.html#
Mais malheuresement je n'arrive pas à l'adapter à ma page.
Je m'arrache les cheveux depuis quelques temps et je me retrouve bloqué là-dessus, si quelqu'un pourrait m'aider se serait super.
Merci d'avance.

***EDIT***
Dsl j'ai oublié de vous donnez ma page ^^
http://remirossetti.free.fr/test/test.php

[bigboomshakala]

salut,

quand je regarde la source de ta page j'ai l'impression que tu n'y a pas du tout intégré le menu...
qu'est-ce que tu n'as pas compris ?

(et le menu ce n'est pas du javascript, mais principalement du CSS. la partie JS n'a pas besoin d'être touché a priori)

[OulamOrt]

Nan justement, je l'ai completement enlevé par que ca foiré completement ma mise en page meme en l'adaptant. Je n'arrive pas à faire apparaitre le menu comment dans l'exemple.
J'aimerais faire un ptit menu deroulant quand je passe sur "Nos offres" mais je n'y arrive pas.

[grosecret]

As tu essayé de reprendre le code du tutorial et de simplement le coller dans une page pour le tester?

[OulamOrt]

Ben oui, ça marche.
Mais jveu adapté changer quelques trucs quand même jvais pas l'utilisé brut comme celui là.
Modifié la taille des sous-menus, la couleur etc... et intégrer tout ca à mon css.
Si quelqu'un à une idée plus simple que ce script js, je suis preneur également sachant qu'il n'y aura pas 2 niveaux, je veux juste avoir 3 sous menus pour l'onglet "Nos offres" au passage du curseur.
Merci encore.

[OulamOrt]

J'ai enfin réussi à faire quelque chose, mais j'ai un petit problème de compatibilié avec FireFox, il n'affiche carrement pas le sous-menu :
http://remirossetti.free.fr/test/test.php

En ce qui concerne le code de mon .js :

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
var l=document.getElementById("menu").getElementsByTagName('li');
 
	for ( var n=0; n<l.length; n++ )	{
		if ( l[n].getElementsByTagName('ul') && l[n].getElementsByTagName('ul').length>0 )
				{
					l[n].onmouseover = function()
							{	
								this.getElementsByTagName('ul')[0].style.visibility="visible";
							}	
					l[n].onmouseout = function()	
							{	
								this.getElementsByTagName('ul')[0].style.visibility="hidden";	
							}
				}
	}

Merci d'avance

[OulamOrt]

Pas d'idée pour le faire fonctionner sous FireFox ?

[OulamOrt]

Toujours pas résolu
Donc si quelqu'un a une idée, n'hesité pas !