onMouseOver & onMouseOut avec évènements .fadeIn() .fadeOut sur un TR

[Indiana Fighter]

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 :

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 :

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

[larffas68]

Salut,

je viens de tester et en utilisant

Code :

.show()

et

Code :

.hide()

cela cela fonctionne.

bonne continuation

[Indiana Fighter]

Bizzare, pour moi, même en changeant les effets par hide() et show(), le problème reste le même. Dès qu'on survole un autre <td> pour un même <tr>, la div disparait et réapparait.

Tu n'as rien changé d'autre au code?

En tout cas merci pour ta réponse

[larffas68]

salut,

essaye de mettre l'action sur le table

et l'utilisation directe du

Code :

$('div.control_panel').show()

devrait marcher.

Bon courage