Discussion :

[gandalf077]

bonjour
j'ai un menu deroulant avec des sous-menus
une fonction javascript permet l'apparition des sous-menus appelées par onmouseover.

je desire cacher les sous-menus quand la souris quitte le menu

qd je met onmouseout pour appeller la fonction alors les sous menus se ferment quand on passe dessus (aussi bien avec ie et morzilla) impossible de cliquer dans les sous menus
qd je mets onmouseleave avec ie c'est parfait qd je quitte la zone les sous menus se ferment mais avec morzilla les sous menus restent ouverts même quand la souris quitte la zone (ce qui n'est pas tres esthétique)
que faire pour appeller la fonction et cacher les sous-menus en quittant la zone
merci à tous

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
16
17
 
en scrpit
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';}
 
 
en html
dt onmouseover="javascript:montre('smenu1');">accueil</dt>
			<dd id="smenu1" onmouseleave="javascript:montre();">
				<ul >
					<li><a href="#">sommaire</a></li>
					<li><a href="#">accueil</a></li>

[le_chomeur]

je pense que ton problème se règlerais en utilisant uniquement des css , va faire un tour ici :

http://css.developpez.com/galerie/

[gandalf077]

merci de ta reponse
oui j'ai d'abord essayé un menu deroulant encss mais le pb c'est que c'est impecable sous morzilla mais les ous menus se ferme sous ie j'ai laisse un post
http://www.developpez.net/forums/sho...d.php?t=492995
mais comme le pb nest pas resolu je suis passé en javascrpit et la de nouveau pb entre ie et morzilla
merci en tout cas pour ta reponse

[SpaceFrog]

il est mort zilla ???

sniff sniff ...

[le_chomeur]

mdr spafy !

pour ton souçis , c'est étrange car les menu de la galerie sont en css+javascript et crossbrowser

[genosite]

Utilise document.getElementById(this.id).style.visibility = 'visible' pour une meilleur performance et compatibilité.

[SpaceFrog]

sauf que le visibility conserve la place de l'objet puisqu'ils est toujours dasn le flux de la page mais invisible...
Ce qui n'est sasn doute pas compatible avec l'effet recherché ...

et le style.display est tout à fait crossbrowser ...