jQuery infobulle avancées avec différents onhover et le contenu onclick

Question

je dois mettre en œuvre une étrange exigence qui va comme suit:

1. Les utilisateurs peuvent hover sur un lien et obtenir un texte descriptif comme « texte ici »
2. les utilisateurs peuvent cliquer sur le même lien et obtenir un texte complètement différent qui peut contenir également le balisage (Exemple: une autretexte ici)

J'ai regardé des plugins jQuery mais la plupart d'entre eux fonctionnent avec onhover OU onclick mais pas les deux. En outre, ils semblent utiliser l'attribut "title" pour leur contenu. Donc, ma question est la suivante: cette fonctionnalité est-elle possible? Existe-t-il un plugin jquery tooltip où je peux définir un contenu différent pour les événements onhover et onclick? Y a-t-il un autre moyen d'y parvenir? (Javascript n'est pas un de mes points forts).

Je suis également ouvert aux suggestions pour les bibliothèques javascript autonomes simples mais il serait préférable qu'ils soient des plugins jQuery.

Merci.

Réponse:

Avec l'aide de simpletip

Code Html

<p>Hello <a id="test" title="some text here">world</a> again</p> 

et javascript

$("#test").simpletip({ 
    persistent: true, 
    content: '<b>Some</b> other <i>text</i> here.' 
}); 

Answer 1

Que diriez-vous d'utiliser le plugin jQuery pour afficher l'info-bulle de fantaisie onclick , et à attribut itle pour le texte standard (onhover)?

Answer 2

Vous pouvez joindre du texte à chaque élément à l'aide de la requête .data(), puis l'afficher. Il peut même contenir à la fois le texte de clic et de survol dans différents objets de données car vous pouvez attacher des objets complexes.