Connaître les coordonnées d'un composant dans la page
Hello,
J'aimerais créer une fonction Javascript, qui lorsqu'elle est appelée, va ajouter une image et la positionner à côté d'un INPUT.
Voici le code de ma fonction (L'argument field correspond à l'objet INPUT en question) :
Code:
1 2 3 4 5 6 7 8 9
|
function displayImage(field) {
var img = document.createElement("img");
img.setAttribute("src", "images/alarm.gif");
img.style.position = "absolute";
img.style.left = field.offsetLeft - 5;
img.style.top = field.offsetTop - 5;
document.body.appendChild(y);
} |
Le problème de cette fonction, c'est que dans une page HTML que j'ai créée à la main, cela fonctionne correctement.
Mais voilà, la page créée par mon application (j'utilise JSF), la façon de positionner mon image ne fonctionne pas : L'image est en effet affichée tout en haut à gauche de l'écran.
Y a-t'il un moyen infaillible de connaître les cordonnées de mon composant INPUT ?
Merci.