Discussion :

[romaintaz]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Wormus]

Il y a pas vraiment de moyen de "traquer" les modifications de position et de visibilité d'un champ (enfin pas a ma connaissance)

Il y a la possibilité de pas mettre un absolute mais je pense que ce sera trop complexe à gérer (voir ingérable)

Il y a une autre solution qui serait de créer une fonction qui vérifie tout changements sur le champs est qui se relance toute les centième de seconde par exemple.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

setInterval(laFonction(), 100);

Je vois pas mieux

[d-Rek]

Prends le problème à l'envers, si ta div subit des modifications, elle les répercutera sur son contenu.
Modifie ton script toggle pour modifier la div et pas l'input ou le reste du contenu.

[romaintaz]

Prends le problème à l'envers, si ta div subit des modifications, elle les répercutera sur son contenu.
Modifie ton script toggle pour modifier la div et pas l'input ou le reste du contenu.

En fait c'est un peu ce que je pensais faire.
Le problème c'est que le HTML créé pour les onglets ou les toggle panels sont des composants JSF, et donc je ne gère pas le HTML généré.
Toutefois ces composants JSF offrent la possibilité de définir du code Javascript pour différents événements (onhide, onshow par example). Cela dit, il me faudra faire l'ajout à chacun de ces composants, et je n'ai donc pas de solution "générique".