Bonjour a tous

Voilà mon problème, j'ai un profil utilisateur, sous forme de tableau. Chaque ligne correspond à une info sur l'utilisateur. Je voudrais qu'au survol de la souris sur l'une de ces lignes, une div apparaisse (toujours sur cette même ligne).

J'ai donc pondu le code suivant :

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
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<table>
	<tr onMouseOut="$('img#edit_family_name').parent('div.control_panel').fadeOut();">
 
		<td>
			<img alt='family_name_bullet' src=''>
		</td>
 
		<td onMouseOver="$('img#edit_family_name').parent('div.control_panel').fadeIn();">
			Nom :
		</td>
 
		<td onMouseOver="$('img#edit_family_name').parent('div.control_panel').fadeIn();" >
			VALUE
		</td>
 
		<td onMouseOver="$('img#edit_family_name').parent('div.control_panel').fadeIn();" >
			<div class='control_panel'>
				<img id='edit_family_name' src='...' onClick="editUserData(this);">
			</div>
		</td>
 
		<td>
			<div class="js_error" id="js_er_family_name"></div>
		</td>
	</tr>
 
	<tr>
		<td>
			ect. ect.
		</td>
	</tr>
</table>
Le résultat est que au passage de la souris, la fameuse div s'affiche, mais elle clignote. J'apparais, je disparais j'apparais je disparais ... Elle a l'air de faire ca a chaque fois que je passe d'un td a l'autre.

Auriez vous une solution, ou une explication a me donner pour que cette div reste affichée tant que j'ai la souris sur ce tr?

P.S. : j'ai aussi essayé de faire

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
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<table>
	<tr onMouseOut="$('img#edit_family_name').parent('div.control_panel').fadeOut();" onMouseOver="$('img#edit_family_name').parent('div.control_panel').fadeIn();">
 
		<td>
			<img alt='family_name_bullet' src=''>
		</td>
 
		<td>	
			Nom :
		</td>
 
		<td>
			VALUE
		</td>
 
		<td>
			<div class='control_panel'>
				<img id='edit_family_name' src='...' onClick="editUserData(this);">
			</div>
		</td>
 
		<td>
			<div class="js_error" id="js_er_family_name"></div>
		</td>
	</tr>
 
	<tr>
		<td>
			ect. ect.
		</td>
	</tr>
</table>
qui ne marche pas mieu