Wnn es mit ein iframe nicht klappt , dann ist hier noch eine Alternative:
http://www.gipspferd.de/css/anleitung/a8/a8.php
http://www.gipspferd.de/css/anleitung/a8/a8.php
Dynamische Höhe [Iframe]
- Themenstarter SebiPuck
- Beginndatum
SebiPuck
Erfahrenes Mitglied
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 
tombe
Erfahrenes Mitglied
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.
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.
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.
SebiPuck
Erfahrenes Mitglied
So, ich habe es jetzt mi genau dem Code versucht. Das mit der Höhe geht jedoch nicht...
Link: http://terados.de/board.php
Link: http://terados.de/board.php
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.
Hier Live zu testen.
http://www.gipspferd.de/iframe.htm
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:
