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 : Sélectionner tout - Visualiser dans une fenêtre à part
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.