JQuery simple, infobulle

Question

Je cherche un certain plugin infobulle JQuery ou même une solution simple pour montrer une valeur dynamique à partir d'un champ de saisie quand je souris sur un lien déterminé (texte ou image)

J'ai essayé beaucoup de plugins mais aucun ne peut me donner la valeur dynamique du champ.

Exemple:

Champ de saisie: input type="text" name="example" id="example" value=""

Link pour mouseover/info-bulle:

a href="#" id="tooltip">value</a

La valeur du champ d'entrée sera modifiée par une autre fonction JQuery et il travaille bien, mais quand j'essaie de montrer sa valeur en utilisant un plugin tooltip, ne fonctionne pas.

Si j'utilise simplement la fonction alert(), cela fonctionne très bien.

Je n'ai pas besoin d'infobulle, seulement afficher la valeur du champ de saisie.

S'il vous plaît, une solution?

Answer 1

regard sur cette bibliothèque

http://flowplayer.org/tools/demos/tooltip/index.html

Answer 2

Nous utilisons tipsy pour nos infobulles sur twitter.com, et il fonctionne très bien. Il peut générer le texte de l'infobulle dynamiquement en utilisant une fonction de rappel, comme ceci:

HTML:

<input type="text" id="example" value="foo" /> 

JavaScript:

$("#example").tipsy({ 
    title: function() { 
    return $(this).val(); 
    } 
}); 

est ici un complete example/demo. Il y a beaucoup d'options de configuration pour répondre à vos besoins.