Resizable iFrame Funktion

Um die Funktion bei Ihnen zu aktivieren, müssen Sie lediglich eine kleine Änderung an Ihrem iFrame-Code durchführen:

• Vor dem iFrame muss eine JavaScript-Datei eingebunden werden.
• Die Attribute id und name des iFrames müssen gleich sein und mit resizeIframe beginnen.

Anschließend können Sie noch die Breite des iFrames (width-Attribut) Ihrem Design entsprechend anpassen.

Der neue Code für den iFrame lautet:

Für einen asynchronen Aufruf des JavaScripts kann folgender Befehl verwendet werden:

Wenn Sie eine Single-Page-Application (SPA) benutzen, wird das “load”-Event bei einem "virtuellen“ Seitenwechsel nicht gefeuert und somit auch nicht unsere Resize-Funktion ausgeführt.

Mithilfe der nachfolgenden Anleitung haben Sie die Möglichkeit den Zeitpunkt der Resize-Funktion selber zu bestimmen, um so nicht vom “load” Event abhängig zu sein:

Diesen Code Block müssen Sie bei Verwendung einer SPA integrieren:

Sobald Script und iFrame geladen/gerendert sind, kann die folgende Funktion ausgeführt werden, um die Resizeable iFrame Funktionalität anzustoßen:

Die Ausführung der Resizeable iFrame Funktionalität kann bei Bedarf mit der folgenden Funktion gestoppt werden: