[Resolu] Menu deroulant css javascript

Bonjour à tous, j'aimerais utiliser ce menu en CSS :

http://css.alsacreations.com/xmedia/exemples/deroulant/menu-horizontal.htm

mais je n'arrive pas a faire en sorte que lorsque la souris n'est plus dessus
le menu deroulant disparaisse.

j'ai essayé de bricoler quelquechose en javascript en partant de cette base :

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

Je suppose qu'avec cette ligne :

document.getElementById('smenu'+i).style.display='none';

Je devrais pouvoir arriver à mes fins mais je n'y arrive pas.

Merci d'avance pour votre aide.

Thomas
Modifié par erehcab (19 Aug 2006 - 09:41)

Salut,

Tu peux supprimer tous les codes Javascript contenus dans la partie XHTML et remplacer le script par celui-ci :

var alsa =
{
	display: function()
	{
		if( !document.getElementById || !document.getElementsByTagName ) return false;
		var oDl = document.getElementById('menu').getElementsByTagName('dl'),
			oList = document.getElementById('menu').getElementsByTagName('dd'),
			iI = oDl.length - 1,
			iJ = oList.length - 1;
		for( iJ; iJ>=0; iJ-- )
		{
			oList[iJ].style.display = 'none';
		}
		for( iI; iI>=0; iI-- )
		{
			if( oDl[iI].getElementsByTagName('dd')[0] )
			{
				oDl[iI].onmouseover = function()
				{
					this.getElementsByTagName('dd')[0].style.display = 'block';
				}
				oDl[iI].onmouseout = function()
				{
					this.getElementsByTagName('dd')[0].style.display = 'none';
				}
			}
		}
		return true;
	}
};
var addLoadEvent = function(func)
{
	var oldonload = window.onload;
	if( typeof window.onload != 'function' )
	{
		window.onload = func;
	}
	else
	{
		window.onload = function()
		{
			oldonload();
			func();
		}
	}
};
addLoadEvent(alsa.display);

Ce sera mieux...

Salut, merci beaucoup pour ton code, c'est vrai que c'est franchement mieu !!!

Thomas

Ah ! content que çà te plaise...

Tu considères le sujet comme [Résolu] ?
Modifié par koala64 (18 Aug 2006 - 17:14)

Oui a fond !!!!

euh... oui enfin casse pas tout quand même !

MERCI !!!!!!

J'avais posté au mois de novembre dernier sur ce fameux menu et personne n'avait pu me répondre.
Me voila en train de flâner sur ce forum et je tombe plus ou mois par hasard sur ce topic... Grâce à vous deux, j'ai enfin pu régler mon problème ! Tout arrive !

A bientôt !