2010-01-19 3 views
2

À côté d'un champ de saisie, je souhaite avoir un petit lien [?] Qui affichera une brève explication. Je voudrais que ce lien affiche cette info-bulle à la fois lorsque la souris survole le [?] Ainsi que lorsque le [?] Est cliqué. Aucune autre action n'est associée à ce lien [?]. Une info-bulle normale (telle que fournie par les navigateurs lorsqu'ils sont confrontés à une balise HTML ou au plugin jquery tooltip) disparaît une fois l'élément cliqué, ce qui est utile dans la plupart des scénarios, mais pas dans celui-ci. Comment puis-je afficher l'info-bulle au clic?comment faire un lien [?] Explication/'tooltip'?

<label for='myInput'> 
    Type here 
    <a href='#' title='brief explanation!'>[?]</a>: 
</label> 
<input id='myInput' name='myInput'/> 

Comment puis-je obtenir cet effet?

Répondre

1

Vous pouvez le faire avec qTip. Utilisez show: { when: { event: 'click' } }.

+0

@BalusC: merci! Cela fait apparaître l'info-bulle lorsque je clique sur le lien. Mais savez-vous comment je * le * fais aussi apparaître en vol stationnaire? Ma question est de savoir comment conserver le comportement normal de l'info-bulle * tout en étant également déclenché par des clics. J'ai essayé de passer un tableau d'événements mais cela n'a pas fonctionné: show: {when: {event: ['click', 'mouseover']}} – laramichaels

+0

Séparer par espace, donc par ex. 'event: 'cliquez sur mouseover''. – BalusC

+0

En fait, le comportement que j'avais prévu est atteint en utilisant qtip dans son mode par défaut (même chose que "show: {when: {event: 'mouseover'}}"). Si le lien est désactivé/href = '#', l'info-bulle reste visible lorsque vous cliquez dessus. Merci beaucoup! – laramichaels