0/5 (3 avis)
Snippet vu 8 008 fois - Téléchargée 19 fois
//donne la position par rapport à window function getOffsetPosition(el_id, side){ element = document.getElementById(el_id); newNode = document.createElement("div"); newNode.innerHTML = "<div style=\"height: 12px;\"></div>"; element.insertBefore(newNode, element.firstChild); iVal = 0; oObj = element; var sType = "oObj.offset"+side; while (oObj && oObj.tagName != "html") { iVal += eval(sType); oObj = oObj.offsetParent; } element.removeChild(newNode); return iVal; } //donne la position par rapport au premier parent positionné function getOffsetParentPosition(el_id, side){ el_parent = document.getElementById(el_id).parentNode; while (el_parent) { if(navigator.appName != "Microsoft Internet Explorer"){ if(window.getComputedStyle(el_parent,null).position == "relative" || window.getComputedStyle(el_parent,null).position == "absolute"){ break; } else { if(el_parent.tagName != "HTML"){ el_parent = el_parent.parentNode; } else { el_parent = null; } } } else { if(el_parent.currentStyle.position == "relative" || el_parent.currentStyle.position == "absolute"){ break; } else { if(el_parent.tagName != "HTML"){ el_parent = el_parent.parentNode; } else { el_parent = null; } } } } if(el_parent){ parentOffset = getOffsetPosition(el_parent.id, side); } else { parentOffset = 0; } return getOffsetPosition(el_id, side) - parentOffset; } /* exemple d'utilisation : <html> <head> <script> ici les 2 fonctions window.onload = function(){ alert(getOffsetParentPosition("lau", "Top")); alert(getOffsetParentPosition("lau", "Left"); } </script> </head> <body> <div id="ff" style="padding-top: 65px; position: absolute;"><div id="lau"></div></div> </body> </html>
7 août 2007 à 09:20
6 août 2007 à 23:19
6 août 2007 à 11:41
function getOffsets(obj) {
var offsetTop = obj.offsetTop;
var offsetLeft = obj.offsetLeft;
while ((obj = obj.offsetParent )!=null) {
offsetTop += obj.offsetTop;
offsetLeft += obj.offsetLeft;
}
return [offsetLeft, offsetTop];
}
Vous n'êtes pas encore membre ?
inscrivez-vous, c'est gratuit et ça prend moins d'une minute !
Les membres obtiennent plus de réponses que les utilisateurs anonymes.
Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.
Le fait d'être membre vous permet d'avoir des options supplémentaires.