Discussion :

[Norin]

Bonjour à tous,

Depuis quelques jours je cherche comment arriver à créer un tooltip dynamique lorsqu'un utilisateur passe sa souris devant une image ou un lien (un peu à la manière de ce site http://solomid.net/masteries.php ou encore, www.wowhead.com).

En résumé, selon ma compréhension actuelle de la chose, lorsqu'un utilisateur passe la souris sur un élément image ou lien, il y a un déclenchement d'événement chargeant les données relatives à l'élément en question puis les affiches dans un format mit en forme, me laissant croire une utilisation de styles appliqués automatiquement.

Après avoir fouillé quelque temps sur le web, je n'arrive pas à comprendre comment ce système fonctionne. J'ai trouvé des solutions similaires en jQuery, mais le contenu des tooltips n'était guère dynamique et faisait partie intégrante du HTML de la page, ce qui me semble plutôt bâcler, surtout considérant qu'une page sur mon site pourrait contenir des dizaines de tooltip de la sorte.

Je soupçonne un mixte de XML (contenant toutes les données relatives à l'élément: image, description...) et de jQuery, mais étant néophyte dans cette technologie, je n'en suis guère certain.

Serait-il possible de m'aiguiller sur la bonne piste afin de trouver une solution s.v.p. ?

Merci !

[NoSmoking]

Bonjour,

mais le contenu des tooltips n'était guère dynamique et faisait partie intégrante du HTML de la page, ce qui me semble plutôt bâcler, surtout considérant qu'une page sur mon site pourrait contenir des dizaines de tooltip de la sorte.

c'est très souvent le cas

En résumé, selon ma compréhension actuelle de la chose, lorsqu'un utilisateur passe la souris sur un élément image ou lien, il y a un déclenchement d'événement chargeant les données relatives à l'élément en question puis les affiches dans un format mit en forme, me laissant croire une utilisation de styles appliqués automatiquement.

la plupart du temps il s'agit d'une DIV cachée dont on change le contenu au grès du besoin et ce sur l'événement onmouseover d'un l'élément et qui est masquée sur l'événement onmouseout de ce même élément. Le contenu peu être stocké n'importe où, dans le document, dans un fichier XML chargé au démarrage voire même une requête via Ajax.

...et de jQuery,...

jQuery c'est du javascript ni plus ni moins, mais cela peut également être réalisé en pur CSS.

[Norin]

Bonjour,
c'est très souvent le cas

la plupart du temps il s'agit d'une DIV cachée dont on change le contenu au grès du besoin et ce sur l'événement onmouseover d'un l'élément et qui est masquée sur l'événement onmouseout de ce même élément. Le contenu peu être stocké n'importe où, dans le document, dans un fichier XML chargé au démarrage voire même une requête via Ajax.

jQuery c'est du javascript ni plus ni moins, mais cela peut également être réalisé en pur CSS.

Admettant que ce soit des div cachés, ne devrais-je pas être en mesure de voir leur code dans le code source de la page ? Car je ne trouve rien de la sorte.

[NoSmoking]

dans le cas de ton premier lien il s'agit visiblement de requête Ajax.

Voir le code en fin de page où presque.

[Norin]

Merci,

je vais tenter de comprendre ce code, mais je me rends compte que je suis très loin d'être au niveau nécessaire en jQuery.

Je dérive un peu, mais conseillez-vous d'apprendre le JavaScript avant, après ou en même temps que le jQuery ? Bien que le jQuery soit du JavaScript, la syntaxe me semble assez différente.

[NoSmoking]

Je dérive un peu, mais conseillez-vous d'apprendre le JavaScript avant, après ou en même temps que le jQuery ? Bien que le jQuery soit du JavaScript, la syntaxe me semble assez différente.

Il ne me semble pas utile mais INDISPENSABLE de connaître un gros minimum en javascript pour utiliser jQuery ne serait ce que pour ne pas faire d'erreur de raisonnement/logique, et de ne tenter de réaliser que des choses réalisables en javascript