11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

J'ai récupéré ce code pour faire une infobulle simplement;
http://css.alsacreations.com/xmedia/exemples/popup/popup2.htm

Mais...
Ca ne marche pas quand je mets une image à la place du texte.

Je suppose que je dois modifier quelque chose dans le code Javascript, mais je n'y connais absolument rien.

J'espère que la question n'a pas encore été posée, il me semble avoir fait toutes les recherches possibles avant de poster Smiley langue .

Merci à vous,

Manu
Modifié par manuwatt (21 Apr 2007 - 00:08)
Le tuto montre un exemple avec une image, donc à priori ca marche.

Tu aurais un lien de la page où on peut voir ce que tu essaie de faire, ca aiderai déjà beaucoup Smiley cligne
Ok. Je me suis mal exprimé.
Le problème n'est pas d'avoir une image dans l'infobulle. (ça fonctionne effectivement comme le montre l'exemple). Mon problème est de faire apparaître l'infobulle au survol d'une image et pas d'un texte.

Voici la page concernée :
http://www.kundera.be/Congreg2/pages/page1_test.html

Comme vous le constaterez, l'infobulle apparaît là où est écrit "ttt", juste sous la bannière. Je voudrais que cela paraisse au survol des "carrés verts".

Comme je le disais dans mon premier post, je me suis basé sur ce tuto-ci :
http://css.alsacreations.com/xmedia/exemples/popup/popup2.htm

Voilà, j'espère que je suis plus clair. Encore un tout grand merci,

Manu.
Modifié par manuwatt (20 Apr 2007 - 17:55)
manuwatt a écrit :
Ca ne marche pas quand je mets une image à la place du texte.

Je suppose que je dois modifier quelque chose dans le code Javascript,

bONJOUR, MANUWATT
Tu as raison, ce script est ancien et n'est pas très au point, mais tu modifier la ligne 30 comme ceci :
if(!el.tagName||el.tagName=="IMG")el=el.parentNode; // noeud #text ou VIGNETTE image