Traquer le changement de position et de visibilité d'un champ
Bonjour,
J'ai créé un code Javascript qui créé un DIV juste en dessous d'un élément INPUT d'un formulaire.
Grosso-modo le code est le suivant (grâce à la méthode expliquée dans la FAQ) :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
function displayAlarm(field, message) {
// Create the message box.
var fieldPosX = getPositionLeft(field);
var fieldPosY = getPositionTop(field);
var msg = document.createElement("div");
msg.id = field.id + "_message";
msg.innerHTML = message;
msg.style.position = "absolute";
msg.style.left = fieldPosX + 5;
msg.style.top = fieldPosY + 22;
msg.style.display = "block";
msg.style.border = "solid 1px black";
msg.style.backgroundColor = "#FFFFCC";
msg.style.padding = "0 5 0 5";
document.body.appendChild(msg);
} |
Ca marche très bien.
Seul problème : Si le champ INPUT se "déplace" dans la page, ou s'il est caché, alors mon DIV ne "suit" pas le champ INPUT.
Je m'explique : Supposons que ma page contienne un toggle panel qui est situé au dessus de mon INPUT. Si l'utilisateur ferme ce panneau, alors forcément la page se rétrécit, et mon INPUT se "déplace" vers le haut de la page.
De même, si mon INPUT se trouve dans un onglet, et que l'utilisateur clique sur un autre onglet, mon INPUT devient invisible, mais mon DIV reste affiché.
Existe-t'il donc un moyen de "traquer" les modifications de position et de visibilité de mon champ INPUT, pour l'appliquer également à mon DIV ?
Merci
