Preserved Topic: Getting position of an IMAGE.

Is there any way to get the coordinates of an image that is somewhere in a HTML page, and the image can be anywhere at any time due to resize and the like?

Thanks,

Carnage

Funny you ask, I just recently developed a bit of JavaScript to do just that.

If the image has id="myimage" or something like that, then these functions will work:

function getTop(theelement)
{
    if (theelement.offsetParent) return theelement.offsetTop + getTop(theelement.offsetParent);
    else return theelement.offsetTop;
}
function getLeft(theelement)
{
    if (theelement.offsetParent) return theelement.offsetLeft + getLeft(theelement.offsetParent);
    else return theelement.offsetLeft;
}

Use them like this:

var imagetop = getTop("myimage");

These will work in IE and Mozilla, I'm not really sure if they're supported by the w3c standards, but since they work in Mozilla, I bet they are. This will *not* work in Netscape Navigator 4.x, and I think it's safe to say that there's no way to do it in that browser at all.

Woot, I tried Mr.Max's code AGAIN and this time it worked. Go Figure!

<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">
<!-- ;

// Written by mr.maX, http://www.max.co.yu/

function getPageOffsetLeft() {
return arguments[0].offsetLeft + (arguments[0].offsetParent ? getPageOffsetLeft(arguments[0].offsetParent) : 0);
}

function getPageOffsetTop() {
return arguments[0].offsetTop + (arguments[0].offsetParent ? getPageOffsetTop(arguments[0].offsetParent) : 0);
}

function blah() {
theImage = document.getElementById("testImg2");
x = getPageOffsetLeft(theImage);
y = getPageOffsetTop(theImage);
alert(x+" "+y);
}

// -->
</SCRIPT>


Thanks,

Carnage



[This message has been edited by Carnage (edited 06-10-2001).]