Discussion :

[mdr_cedrick]

Bonjour à tous

sur un lien avec onmouseover je fais apparaitre un div qui contient un tableau
sur le div j'ai mis un onmouseout pour faire le fermer lorsque je ne le survole plus
or il me considère hors du <div> lorsque je passe au dessus d'un élément contenu dans le <div> ce qui évidemment me pose problème

voici mon code HTML

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<a href="#" onmouseover="afficheMenu('listeTable1');">Concevoir</a>
		<div id="listeTable1" onmouseout="fermeMenu('listeTable1');">
			<table border="1">
			<tr>
			<td>lien 1</td>
			</tr>
			<tr>
			<td>lien 2</td>
			</tr>
			<tr>
			<td>lien 3</td>
			</tr>
			</table>
		</div>

code 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
16
17
18
function afficheMenu(monMenu)
{
	for (i=1;i<4;i++)
	{
		if (monMenu != ('listeTable'+i))
			document.getElementById('listeTable'+i).style.display	=	'none';
	}
 
	if (document.getElementById(monMenu).style.display == 'block')
		document.getElementById(monMenu).style.display	=	'none';
	else
		document.getElementById(monMenu).style.display	=	'block';
}
 
function fermeMenu(monMenu)
{
	document.getElementById(monMenu).style.display	=	'none';
}

merci de votre aide

[SpaceFrog]

sujet déja abordé il faut mettre un setTimeout sur la fonction lancée dans le onmouseover et l'annuler par un clearTimeout sur le div interne...

[mdr_cedrick]

merci pour la réponse

Edit : Finalement j'ai opté pour une solution en <ul><li> entièrement en css
comme ça plus de soucis