jquery tooltip montre le contenu d'une div

Question

Je veux utiliser soit http://onehackoranother.com/projects/jquery/tipsy/ ou http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/ et je me demandais si disons que j'ai un div sur ma page qui a une classe 'item_info'. Puis-je avoir mon info-bulle qui est créée en sortie dans l'infobulle et correctement formatée en fonction de mon CSS?

Y a-t-il un autre plugin que je devrais regarder?

Merci. J'espère que c'est assez clair.

Answer 1

Vous pouvez regarder dans Qtip

http://craigsworks.com/projects/qtip/demos/

Answer 2

http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/ vous permet de spécifier la classe css supplémentaire pour votre style infobulle ainsi que l'affichage des données « dynamiques » pour le texte. Jetez un oeil à l'exemple ci-dessous.

zones remarquables: bodyHandler qui spécifie le texte à afficher dans votre info-bulle (ce retournera votre code html de div), extraClass spécifie le style CSS à appliquer. J'espère que cela pourra aider.

$("#your_tooltip_element").tooltip(
    { 
     bodyHandler: function() { 
      return $("#your_div").html(); 
     }, 
     showURL: false, 
     track: true, 
     delay: 0, 
     showURL: false, 
     opacity: 1, 
     fixPNG: true, 
     extraClass: "item_info", 
     top: -15, 
     left: 5, 
     cursor: "hand" 
     } 
);