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 :
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.
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>
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
qui ne marche pas mieu
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>
Partager