Discussion :

[Stouille89]

Bonjour,

Mon titre n'est pas très explicite mais voici mon problème :

Je dispose d'une liste (ul) ou les lignes peuvent êtres supprimées. Pour cela chacune des lignes possèdent un petit bouton de suppression à leurs niveau.

Je souhaiterais que ce bouton ne s'affiche que lorsque l'utilisateur survole la ligne en question afin de ne pas surcharger l'affichage de bouton de suppression. Ce système est largement rependu dans des plugins d'affichage type tableau ou autre.

Le problème est que je ne sais pas comment procéder. Y a t il des plugins Jquery qui permettent de faire cela facilement ? sinon comment le développer ?

Globalement c'est un peu cet effet là que je cherche : http://www.hebus.com/ on voit une div d'information apparaitre au survole des miniatures. Je voudrais la mème chose mais avec un control permettant de supprimer la ligne courante.

Avez vous des pistes à me fournir ?

Merci beaucoup,

[paul0440]

Bonjour,

En CSS tout simplement c'est pas possible ?

[paul0440]

Par exemple tu met ton div contenant ton bouton "supprimer" en display:none et tu cré une petite fonction JS qui le modifi le display:none en display:block au passage de la souris.

[devyan]

Bonjour,

C'est complètement possible entièrement en CSS.

Il suffit que le "bouton" soit un lien ayant un fond transparent par défaut et l'image de ton bouton lors du survol.

Code exemple css :

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

1
2
3
 
a.btn_supprimer {background:transparent;}
a:hover.btn_supprimer {background:url("chemin/de/mon/image/bouton.gif");}

Code exemple html :

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

1
2
3
4
5
6
 
<ul>
  ...
<li>Elément de  la ligne à supprimer<a href="#" onclick="doSuppr(this); return false;">&nbsp;</a></li>
  ...
</ul>

devyan

[Stouille89]

parfait je n'avais pas pensé à cette façon d'écrire

Merci