Der folgende Beitrag wurde am 22. 05. 2001, 13:00 Uhr von Christian Ludwig veröffentlicht.
Hallo,
warum wird die Größe des iFrames nicht automatisch an das Dokument im iFrame angepasst?
Auch ein 'overflow' oder 'overflow-y', wie hier beschrieben http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/overflowY.asp funktioniert nicht.
Netscape 4 mit den Layern macht da keine Probleme.
Am Rande gefragt: Wie sieht der JS Befehl aus um im NS6 eine andere Quelle für den iFrame anzugeben?
document.iframe1.location.href="http://xxx.yy" klappt dort nicht.
hier mein Quelltext des Hauptdokuments:
----------------------------
<html>
<head>
<script language="JavaScript">
<!--
function iFrameSrc(wert) {
if (document.layers)
document.layers[0].src=wert;
else
document.iframe1.location.href=wert;
}
// -->
</script>
</head>
<body>
<iframe src="inhalt1.html" name="iframe1" id="iframe1" target="_parent" frameborder="0" scrolling="no" style="position:absolute; top:150; left:75; z-index:30; visibility: visible; overflow-y: visible"></iframe>
<layer id="Layer1" left="75" top="150" z-index="30" src="inhalt1.html" visibility="show" scrolling="no"></layer>
<p><a href="javascript:iFrameSrc('inhalt1.html');">Text 1</a></p>
<p><a href="javascript:iFrameSrc('inhalt2.html');">Text 2</a></p>
</body>
</html>
----------------------------
Und die Dateie inhalt1.html
----------------------------
<html>
<head>
</head>
<body>
<table width="150" height="50" border="1" >
<tr>
<td bgcolor="#ff0000"><h1>Laber 1</h1></td>
</tr>
</table>
</body>
</html>
----------------------------
und inhalt2.html
----------------------------
<html>
<head>
</head>
<body>
<table width="350" height="310" border="1" >
<tr>
<td bgcolor="#0000ff"><h1>Noch mehr Text Blubber</h1></td>
</tr>
</table>
</body>
</html>
----------------------------
Vielen Dank,
Christian
Der folgende Beitrag wurde am 22. 05. 2001, 17:09 Uhr von Christian Ludwig veröffentlicht.
Hi again,
bin ein Stück weiter:
________________________
<html>
<head>
<script language="JavaScript">
<!--
function iFrameSrc(wert) {
if (document.layers)
document.layers[0].src=wert;
else {
document.iframe1.location.href=wert;
document.all('iframe1').style.height = document.iframe1.document.body.scrollHeight;
}
}
// -->
</script>
</head>
<body>
<iframe src="inhalt1.html" name="iframe1" id="iframe1" target="_parent" frameborder="0" scrolling="no" style="position:absolute; top:150; left:75; width:500; z-index:30; visibility: visible; overflow: auto"></iframe>
<layer id="Layer1" left="75" top="150" z-index="30" src="inhalt1.html" visibility="show" scrolling="no"></layer>
<p><a href="javascript:iFrameSrc('inhalt1.html');">Text 1</a></p>
<p><a href="javascript:iFrameSrc('inhalt2.html');">Text 2</a></p>
</body>
</html>
---------------------
Allerdings liefert das Objekt 'document.iframe1.document.body.scrollHeight' immer den Wert des vorherigen HTML Dokuments zurück.
Such noch ein onload Event, der funktioniert.
Ciao
Der folgende Beitrag wurde am 22. 05. 2001, 17:20 Uhr von Christian Ludwig veröffentlicht.
Und schon wieder,
was ist heute nur hier im Forum los??? So lange habe ich schon lange nicht mehr auf eine Antwort warten müssen.
Die Lösung:
<html>
<head>
<script language="JavaScript">
<!--
function iFrameSrc(wert) {
if (document.layers)
document.layers[0].src=wert;
else
document.iframe1.location.href=wert;
}
function hoehe(){
document.all('iframe1').style.height = document.iframe1.document.body.scrollHeight;
}
// -->
</script>
</head>
<body>
<iframe src="inhalt1.html" name="iframe1" id="iframe1" target="_parent" frameborder="0" scrolling="no" style="position:absolute; top:150; left:75; width:500; z-index:30; visibility: visible; overflow: auto"></iframe>
<layer id="Layer1" left="75" top="150" z-index="30" src="inhalt1.html" visibility="show" scrolling="no"></layer>
<p><a href="javascript:iFrameSrc('inhalt1.html');">Text 1</a></p>
<p><a href="javascript:iFrameSrc('inhalt2.html');">Text 2</a></p>
</body>
</html>
--------------------------
jetzt wird in die Dateien 'inhalt1.html' und 'inhalt2.html'
nur noch folgender body-tag eingebaut:
<body onload="parent.hoehe();">
Das ist alles ;-)
Ciao
© 1998-2013 SELFHTMLImpressumSoftware: Classic Forum 3.4