nicht angemeldet
Hallo!
Ich habe folgendes Problem:
Ziel ist es, aus einer html-Datei, auf ein anderes Element im Dokument einzuwirken.
Die html-Datei wird durch ein OBJECT-Tag in das Dokument eingebunden.
Die function foo() funktioniert aus dem haupt-document heraus, aber nicht aus der eingefügten Datei,
weil es ein Problem mit dem target-Objekt gibt.
Meine haupt-Datei sieht wie folgt aus:
//start.htm
<html>
<head>
<script language="JavaScript" type="text/javascript" src="main.js"> </script>
</head>
<body style="background-color:threedface;">
<div id="div0" style="position:absolute; left:0px; top:0px; width:200px; height:200px;margin:0px; padding:0px; overflow:visible; border:no; background:white;">
</div>
<div id="div1" style="position:absolute; left:0px; top:205px; width:200px; height:200px;margin:0px; padding:0px; overflow:visible; border:no; background:white;">
<object id="obj1" data="test.htm" width="200" height="200" >
Ihr Browser kann das Objekt leider nicht anzeigen!
</object>
</div>
<div id="div2" style="position:absolute; left:205px; top:205px; width:200px; height:200px;margin:0px; padding:0px; overflow:visible; border:no; background:white;">
<a href="javascript:foo()">foo</a>
</div>
</body>
</html>
Folgende Datei wird eingefügt:
// test.htm
<html>
<head>
<script language="JavaScript" type="text/javascript" src="main.js"> </script>
</head>
<body>
<a href="javascript:foo()">foo</a>
</body>
</html>
Ich versuche die function foo() auszuführen und es klappt nicht!
// main.js
function foo()
{
document.getElementById("div0").style.width=100;
document.getElementById("div0").style.height=100;
}
Demo abgelegt unter: http://www.sos-berlin.com/doc/test/start.htm
Hat jemand eine Idee?
Danke, Fabian