Höhe von iFrame dynamisch anpassen

**FCOPZ-Illuminat** · 10.01.2011, 16:17

Hi Leute,

ich habe eine technische Frage, die sich eigentlich in JavaScript lösen lassen sollte (denk ich ma). Und zwar geht es darum, daß ich in meinem vBulletin eine Seite "included" habe, die einen iFrame mit dynammischen Content (Liste) enthält. Es wäre super, wenn sich der senrechte Scrollbalken im iFrame vermeiden ließe, und er sich selbständig an den Seiteninhalt anpasst. So daß ich nur die Standardseite scrollen muß.

Optische Beispiel im Anhang. Ist-Zustand mit zwei Scrollbalken, Soll-Zustand mit einem Srollbalken.

Wäre super, wenn jemand helfen könnte.

THX & Cheers
illu

**PaintSplasher** · 10.01.2011, 19:38

Hi,

da eigentlich in einem iFrame in der Regel eine unbekannte Seite aufgerufen wird, ist das iFrame eigentlich verpflichtet eine Höhe präzise zu erhalten da der
Inhalt der eingebundenen Seite ja nichts von deinem iFrame weiss. Weiter funktioniert das JavaScript auch nur, wenn dein Forum und die eingebundene
Seite auf einer Domain liegen, sonst gibt es einen Zugriffsfehler.

Einbindung des iFrame:

HTML-Code:

...
<style type="text/css">
  iframe { width:100%; height:100px; border:0; }
</style>
...
<iframe src="einzubindende_Seite.php"></iframe>
...

Und das Script für die iFrame Seite

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
  <title>Titel</title>
  <script type="text/javascript">
    function setIframeHeight() {
      if(parent.frames.length && document.documentElement && document.documentElement.scrollHeight) {
        var iframe = parent.document.getElementsByTagName('iframe')[0];
        iframe.style.height = '0';
        iframe.style.height = (document.documentElement.scrollHeight + 10) + 'px';
      }
    }
    window.onload = setIframeHeight;
  </script>
</head>
<body>
  <h1>Überschrift</h1>
  <p>Inhalt ...</p>
</body>
</html>

Allerdings ungetestet!

**FCOPZ-Illuminat** · 11.01.2011, 14:48

Servus PaintSplasher,

vorab vielen Dank für deine Hilfe. Leider läßt sich der Code nicht ganz so einfach einbauen, wie von dir beschrieben. Da würde wohl nur auf einer reinen HTML Seite klappen.

Ich nutze für mein vBullentin das vbCMS AddOn. Hier mal der Code im Anhang, den ich nutze, um das iFrame anzuzeigen.

Hinter http://www.bf-badcompany2.info/statsps3 steckt eine PHP Datei. D.h. dort drinnen muß ichauc Code hinzufügen (?)

Stell ich grad nen bissl doof an, ehrlich gesagt.

Cheers
illu