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� ...