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