[Résolu] Javascript modifier l'affichage (tooltip)

Bonjour, suite à un précédent topic ou je cherchais un tooltip jquery (pour un affichage au clic et au passage de la souris), je crée ce topic pour un problème d'affichage:

J'ai trouvé un tooltip qui marche niquel , sauf que l'affichage ne va pas cf le lien ci dessous:

http://jsfiddle.net/AK7pv/111/ (cliqué ou passé votre souris sur les "?")

1)J'aimerai que après le clic sur un "?" après l'affichage du message, si l'on clique n'importe ou ailleurs cela efface ce message ( alors que là ça l'efface uniquement si on reclique sur le "?")

2)Et j'aimerai savoir si c''est possible de déplacer au même endroit ( à savoir à droite) le message qui s'affiche au passage de la souris (au même endroit que le message au clique).

Merci à vous.
Modifié par letstry (02 Jun 2016 - 11:22)

MatthieuR a écrit :
Salut, ça marche nickel, n'empêche que ça marche pas trop le tooltip de jQuery UI
Ça doit être des options à configurer, mais la doc de l'API n'est pas claire et surtout tu ne peux pas configurer le comportement (click ou hover) au sein même des options du plugin...
Bis repetita, je te conseille une librairie vraiment complète, bien documentée et qui fonctionne très bien : http://www.tippedjs.com/
Avec cette dernière, tes points 1 et 2 seront automatiquement fait quasiment...

Ok merci oui j'avais regardé un peu cette lib mais je trouve pas vraiment d'exemple complet avec cette lib, il donne juste des script mais pas l'html qui va avec.

MatthieuR a écrit :
Voici juste exemple très rapide : http://codepen.io/korell/pen/WxbQwM?editors=1010
Tu peux modifier plein de paramètres donc à toi de jouer !

Merci,ah oui pas mal et euh pour le clic (ou lieu du passage de la souris) tu aurais une idée de quel script utiliser?
Modifié par letstry (31 May 2016 - 15:43)

Tu as un paramètre 'showOn' qui peut prendre plusieurs valeurs, as toi de regarder et ensuite 'hideOn'