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

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

Salut,

je viens de tester et en utilisant

Code:

---

.show()

---

et

Code:

---

.hide()

---

cela cela fonctionne.

bonne continuation :)

8O

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 :D

salut,

essaye de mettre l'action sur le table :)

et l'utilisation directe du

Code:

---

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

---

devrait marcher.

Bon courage