Discussion :

[SpaceFrog]

Le contexte...
Je construis le site à partir de xmlhttprequest en important des données...
dans ma page html j'ai au départ ue ligne de tableau contenant deux images..
je fais un cloneNode true de la ligne un appendChild dans le tbody et j'attribue les src aux deux images, je leur attribue également des onclicks...
Jusque là tout baigne ...

là ou ça se complique c'est lorsque je veux leur attribuer une infobulle sur le onmouseover...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
MenuCells.Photo.InfoTitre=TabTextBase[i].split(String.fromCharCode(9))[Desc];
//attribution du texte à afficger danbs l'infobulle
// .../...							 	 					MenuCells.Photo.setAttribute('onmouseover',function()   { ShowBulle(this)}	)

j'ai un div dans la page :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="infobulle" style="position:absolute;height:80px;width:auto;padding:10px;background-color:lightblue;display:none;z-index:3;"></div>

et la fonction de gestion de l'infobulle:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
function ShowBulle(ObjImage){
			var InfoBulle=document.getElementById('infobulle');
			InfoBulle.innerHTML=ObjImage.InfoTitre;
			InfoBulle.style.top=ObjImage.offsetTop+"px";
			InfoBulle.style.display="block";
			InfoBulle.onmouseout=function(){InfoBulle.style.display='none';}
			InfoBulle.setAttribute('onmouseout',function(){InfoBulle.style.display='none';})
			}

le souci est qu'invariablement le offsetTop me retourne 21px ???
pourtant le texte est bien modifié, j'ai même fait des tests pour voir si le src était modifié, et il l'est !!!

cela ne veindrait-il pas du cloneNode true ???
c'est quoi la syntaxe de computedStyle ?

[Johnbob]

A tout hasard, essaie de changer ça:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

InfoBulle.style.display="block";

en:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

InfoBulle.style.display="";

[SpaceFrog]

non le block n'influe pas sur la position ...
j'ai essayé d'attaque le offsetTop en amont dans le code ...
après le appendChild ...
mais pareil il me retourne toujours 21 qui est le offsetTop de l'élément cloné ...
C'est pour ça que je tenterais bien de passer par computedstyle, mais je sais pas comment faire ...

[denisC]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

MenuCells.Photo.setAttribute('onmouseover',"ShowBulle(this)"	)

Dans un premier temps, j'essayerais ça. this est un mot clé un peu capricieux en JS, et ça ne m'etonnerait pas que ton problème vienne de là. Eventuellement, regarde si this refere au bon objet en leur attribuant des ids et en vérifiant this.id.

Sinon, offset, il faut normalement l'utiliser en prenant en compte offsetParent.... (cf ) mais essaye déjà ci-dessus....

[SpaceFrog]

Non DenisC le problème ne vient pas du passage de paramètre ...
sinon le innerHTML ne serait pas modifié ..; et là il est modifié !!
le src ne serait pas le bon et la si j'en fais un alert dans le focntion c'est le bon ...
le offsetTop me retourne la position par rapport au parent ???
je voudrais récupérer la position par rapport au haut de la page pour fixe les top et left de l'infobulle ...

[denisC]

le offsetTop me retourne la position par rapport au parent ???
je voudrais récupérer la position par rapport au haut de la page pour fixe les top et left de l'infobulle ...

offsetTop te retourne la position par rapport au parent, mais au sens de l'offset. 95% du temps, le offsetParent, c'est le document. Mais tu es peut-être dans les 5% restant...

C'est dans la

[SpaceFrog]

boudioux !!!
c'est bien la première fois que le offset prend réellement le sens d'offset ...

je m'en suis sorti avec les focntions de Néo !
Merci DenisC

et désolé de n'avoir pas trouvé ça dans la FAQ mais le coup du offset par rapport au parent m'a vraiment désarçonné ...