Bonjour. J ai un problème. je voudrai poser une sorte de bulle d'aide qui apparait au survol de la souris sur un mot. Or cette fenetre ne s affiche pas au bon endroit. En fait, c est comme si l'origine de ma fenetre n'etait pas dans le coin en haut à gauche, mais décalé; ce qui fait que la fenetre qui s affiche est décalée.
Voici mon code :
 
 
d = doc.createElement("span" );
d.setAttribute("id",annot.annotation);
d.setAttribute("class",annot.style);
d.textContent = annot.annotation;
 
d2 = doc.createElement("div" );
d2.setAttribute("align","center" );
var id = "popup" + annot.annotation;
d2.setAttribute("id",id);
d2.setAttribute("class","popupAnnotation" );
d2.style.visibility = 'hidden';
 
d.onmouseover = function ouvrir(event)
{
var x = this.offsetLeft ;
var y = this.offsetTop;
var pos = "left:"+x+"px;top:"+y+"px;";
d2.setAttribute("style",pos);
d2.style.position = 'absolute';
d2.style.visibility = 'visible';
};
 
 
 
Si quelqu'un peut m'aider, merci d'avance.

La position absolue se fait par rapport au premier ancêtre dont la position est différente de static. Donc suffit qu'un élément dans la hiérarchie ait une position spéciale, et l'origine sera cet élément...

Oui ca doit etre ca mon probleme. car en fait, c est comme si l origine etait au dernier élément où une fentre doit apparaitre. mais comment je fais pour contourner ca ?

Jai reussi en mettant position ='fixed'.  
Mais maintenant quand je passe sur le mot avec la souris, ca m'affiche bien la "bulle d 'aide" au bon endroit, mais celle ci "saute". c est a dire qu elle fait que de s afficher et s enlever alors que la souris reste sur le mot ...