Placér element i forhold til link

Jeg har fundet flg. som virker. Jeg er dog ikke helt klar over hvad der sker. Er der nogen der kan forklare det? Det må også kunne gøres mere simpelt.

function PosX(obj) {
    var posLeft = 0;
   
    if (obj.offsetParent) {
        while (obj.offsetParent)
        {
            posLeft += obj.offsetLeft
            obj = obj.offsetParent;
        }
    } else if (obj.x) {
        posLeft += obj.x;
    }
     
    return posLeft;
}

function PosY(obj) {
    var posTop = 0;
   
    if (obj.offsetParent) {
        while (obj.offsetParent)
        {
            posTop += obj.offsetTop
            obj = obj.offsetParent;
        }
    } else if (obj.y) {
        posTop += obj.y;
    }
     
    return posTop;
}

function Pos(obj)
{
    var X = PosX(obj);
    var Y = PosY(obj);
    alert(X + ", " + Y);
}

Det kan i hvert fald gøres mere komprimeret:

function getPos(elm) {//jumper
    for(var zx=zy=0;elm!=null;zx+=elm.offsetLeft,zy+=elm.offsetTop,elm=elm.offsetParent);
    return {x:zx,y:zy}
}

function Pos(obj)
{
    var pos = getPos(obj);
    alert(pos.x + ", " + pos.y);
}

-- og det der sker i begge tilfælde er, at man tager fat i element, finder dets relative position lodret og vandret, finder et evt. omkransende element, adderer dets position til osv. !-)

Hej Roenving.

Fandt faktisk det samme eksempel i et andet indlæg - men tak for det.
Hvorfor laver man en løkke?

Fordi man jo ikke ved hvor mange lag, der er af offsetParents !-)

Jeg har lavet en anden version der ikke benytter en løkke :

function showmenu(elmnt, obj) {
  document.getElementById(elmnt).style.left = obj.offsetLeft+'px';
  document.getElementById(elmnt).style.top = obj.offsetTop+20+'px';
  document.getElementById(elmnt).style.visibility="visible";
}

(her er det en funktion der viser og positionerer en under-menu)

Kan også ganske udmærket bruges, hvis man ved, at der ikke er andre offsetParents end body/documentElement !-)

-- men hvis du nu finder på at placere kalorius inde i et positioneret element, må du den anden vej !o]

Ah, ok :)

Vil du have points, Roenving ? :)

Oki '-)

:)

-- og tak for point ;~}