Tutorial dynamisches Iframe

Für die dynamische Anpassung der Größe der geframten Seiten, ist nichts weiter notwendig als dieses Skript hier von:

professorweb.de

Kopiert dieses Skript in die HTML des Layouts Eurer Seite.

> Layout markieren > Fenster “Layout-Eigenschaften” > Button “HTML” > “Zwischen Head Tags” einfügen

<script type="text/javascript">
  var framefenster = document.getElementsByTagName("iFrame");
  var auto_resize_timer = window.setInterval("autoresize_frames()", 400);
  function autoresize_frames() {
    for (var i = 0; i < framefenster.length; ++i) {
        if(framefenster[i].contentWindow.document.body){
          var framefenster_size = framefenster[i].contentWindow.document.body.offsetHeight;
          if(document.all && !window.opera) {
            framefenster_size = framefenster[i].contentWindow.document.body.scrollHeight;
          }
          framefenster[i].style.height = framefenster_size + 'px';
        }
    }
  }
</script>

Für das Inlineframe zieht Ihr Euch ein Textfeld auf und fügt den Code unten in den HTML-Code Editor des Textfeldes ein.

> Textfeld aufziehen (Cursor blinkt) > Fenster “Text-Eigenschaften” > mittlere Button “Textfeld” > Button “HTML”

Achtet bei der Source (Quellen) Angabe “src” auf die korrekte Verlinkung zu der geframten Seite.

<iframe scrolling="no" src="forum.php" frameborder="0" style="border: 0; width: 100%; height: 100%;"></iframe>

Das Skript funktioniert nur mit geframten Seiten der eigenen Domain. Aus Sicherheitsgründen ist eine domainübergreifende Lösung durch die Browser unterbunden.

Hier ein weiteres Beispiel mit der Inlineframe-Komponente von NOF.

Viel Spaß!

Tutorials von Thomas Frei-Herrmann

diese Seite weiter empfehlen

Counter Statistik