Sasha: Unbekannte Bildschirmkoordinaten eines Elements ausgeben

Beitrag lesen

Hallo,

ich weiß, daß man mit JavaScript/CSS über style='top:100' etc. setzen kann, oder über Mausevents mit pageX(), offsetX(), screenX() etc die Cursorpostion erfahren kann, und anhand dessen auch die Position eines Divs/Layers beeinflussen kann.
Allerdings möchte ich eine unbekannte Bildschirmposition anhand eines Elements ermitteln, anhand dessen ich dann ein zweites positioniere.

Beipiel:

<html>
<head>
...
</head>
<body>
Hier kommt jede Menge dynamisch erzeugter Content.<br>
Daher weiß ich nicht wo sich dieses Div (xy) befindet:<br>
<div id='xy'>DIV XY</div>
<div id='div2'>Dieses Div soll anhand des ersten positioniert werden</div>
</body>
</html>

Jetzt müßte ich etwas schreiben können wie:
divposx = document.all['xy'].screenX; // geht nicht
divposy = document.all['xy'].screenY;

Um folgende Funktion erfolgreich aufrufen zu können:

<script type="text/javascript">
<!--
function DivPos(xwert, ywert)
{
if (document.layers) {
           document.layers[1].left = xwert;
           document.layers[1].top = ywert;
                        }
else if (window.netscape) {
      document.getElementsByTagName("div")[1].style.left = xwert + 20;
      document.getElementsByTagName("div")[1].style.top = ywert + 30;
}
}

//-->
</script>

Natürlich ist das was ich hier geschrieben habe nicht wirklich schick oder Crossbrowsertauglich, es ist nur als Beispiel gedacht, alles was ich wissen möchte ist:
Kann ich die Koordinaten (x, y) eines Elements ermitteln, wenn diese vorher nicht definiert sind?

Ich hoffe das ist halbwegs verständlich.

Danke und viele Grüße

Sasha