Méthode JAVASCRIPT pour récupérer la position absolue d'un élément dans la page
Voici un script JavaScript qui permet de récupérer la position d'un élément HTML par son ID. Dans certains cas, il peut être bien pratique, par exemple pour récupérer la position d'un élément dans une Zone répétée !
C'est une procédure JavaScript (donc coté navigateur !!) Cliquez sur l'icone WL pour permuter en JavaScript.
function Get_PositionElement(element)
{
var obj = document.getElementById(element);
var obj = document.getElementById(element);
var rect = obj.getBoundingClientRect();
return new Array(rect.left,rect.top,rect.bottom,rect.right);
}
Comment récupérer la valeur ?
La méthode Get_PositionElement est donc une procédure navigateur et peut être appelée depuis votre propre code navigateur (WL ou JavaScript).
La méthode retourne un tableau, vous pouvez donc juste déclarer un tableau dans une procédure navigateur et appeler la méthode Get_PositionElement.
PROCEDURE MaProcedureNavigateur(Par_MonID)
LOC_Pos est un tableau d'entiers = Get_PositionElement(Par_MonID)
// Affiche une popup juste en dessous de l'élément HTML ID21
PopupAffiche(Popup_ChangePartage,popupPositionXY,LOC_Pos[1],LOC_Pos[3])
Et pour les zone répétées ?
Imaginons une image ou un bouton dans une zone répétée et vous souhaitez afficher une popup sous le bouton cliqué.
Voila un bout de code JavaScript (et pas WL !) à insérer dans le code du clic de votre bouton ou de votre image.
var sender = (event && event.target) || (window.event && window.event.srcElement);
MaProcedureNavigateur(sender.id);
cette méthode se charge de récupérer les informations de l'élément qui a appelé la méthode JavaScript (votre bouton, votre image) et lance un appel à la procédure MaProcédureNavigateur en lui passant l'ID de l'élément.