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 !