Menu déroulant en JavaScript

Version imprimable

16/05/2007, 13h50
OulamOrt

Menu déroulant en JavaScript

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
16/05/2007, 15h09
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)
16/05/2007, 15h27
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.
16/05/2007, 15h35
grosecret

As tu essayé de reprendre le code du tutorial et de simplement le coller dans une page pour le tester?
16/05/2007, 15h48
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.

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:

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

25/05/2007, 09h38
OulamOrt

Pas d'idée pour le faire fonctionner sous FireFox ?
30/05/2007, 09h11
OulamOrt

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