Dynamische Höhe [Iframe]

Ich verstehe es nicht. Ich kenn mich grade garnicht aus. Könnten sie mir eventuell ganz genau mal sagen, wie es funktioniert ? Bzw. den fertigen Code geben ? Wäre echt super,d a ich nun schon seid längerem mit den vorhandenen Infos von ihnen versuche zu arbeiten, leider gelingt es mir nicht :(
 
Mal abgesehen davon das hier (eigentlich) alle per Du sind, wenn von uns meinst du jetzt?

Ich kopiere dir hier mal einen kleinen Abschnitt rein. Suche bei dir den entsprechenden Code und tausche es gegeneinander aus.
So wie es aussieht hast du bei der JS-Funktion auch einen Fehler drin. Es fehlt am Ende der Funktion die schließende, geschweifte Klammer. Das wird auch der Grund sein warum bei dir nichts passiert.

HTML:
<div id="content">

<script language="javascript" type="text/javascript">
function hoehe() {
	if(document.readyState != "complete") {
    	window.setTimeout(hoehe, 100);
    	return false;
	}

	document.getElementById("iframe").style.height = (document.getElementById("iframe").contentWindow.document.getElementById("tplIndex").offsetHeight + 50);
}
</script>

<body onload="hoehe();">

<iframe id="iframe" frameborder="0" scrolling="auto" src="http://terados.de/Forum/index.php" style="width: 100%; height: auto;"></iframe>

<div id="post-navigator"></div>

</div>

Mit der Originaldatei die im IFRAME dargestellt werden soll kann ich es bei mir leider nicht testen da der Zugriff auf "fremde" Dateien ja nicht möglich ist. Denke aber trotzdem das es so geht.
 
Mit JS wird es wohl nichts werden.Denn wenn ein Link im iframe angeklickt wird , wird das JS doch nichtmehr ausgeführt. Oder doch?

Besser ist aber seinen Header,Navi und Footer in das Forum einzubinden.
 
Hab da was gefunden und es funktioniert auch. Zumindestens im FF + Chrome.
http://www.dynamicdrive.com/dynamicindex17/iframessi2.htm

@edit: Hier ist noch ein Einzeiler und es funktioniert.
Code:
Script im Head-Bereich

<script type="text/javascript">
function hoehe() {
document.getElementById("myframe").height = document.getElementById("myframe").contentWindow.document.body.offsetHeight;
}
</script>

Code:
Im Body-Bereich

<iframe  src="url" id="myframe" width="960" marginheight="0px" marginwidth="0px" frameborder="0" scrolling="no" onload="hoehe()"; >

Hier Live zu testen.
http://www.gipspferd.de/iframe.htm
 
Zuletzt bearbeitet:
Zurück