Hallo,
Hier auf Selfhtm gibt es ein Beispiel mit offsetParent
Es wird mit document.all und der ID der Wert zugewiesen.
Wenn ich versuche etwas ähnliches zu machen mit einem Bild auf einem Form.
<img src="../image/need.gif" alt="needed" id="needed" onmouseover="getX('needed');">
und dazu diese Funktion um die X Position zu bekommen.
function getX(obj,relative) {
var x=0;
if(typeof(document.all.obj)=="object" && document.getElementById) {
x=document.all.obj.offsetLeft;
if(document.all.obj.offsetParent && !relative) {
x+=getX(document.all.obj.offsetParent);
}
alert(x);
return x;
} else {
return false;
}
}//end function
Dann kommt immer die Fehlermeldung
"document.all has no properties"
Warum ist das so?
Beispiel SelfHtml:
<html><head><title>Test</title>
</head><body>
<table><tr><td><div>
<a><b id="Fett">Hier etwas Text</b></a>
</div></td></tr></table>
<script type="text/javascript">
<!--
var Eltern=document.all.Fett.offsetParent;
while (Eltern) {
document.write(Eltern.tagName+"<br>");
Eltern=Eltern.offsetParent;
}
//-->
</script>
</body></html>
Gruss
Werner