Hauptinhalt

IFrame

letzte Aktualisierung der Seite: Version 2.17.1

Sollen Inhalte in eine Webseite angezeigt werden, die bspw. CSS einbinden, welches inkompatibel mit der umgebenden Seite ist, kann es zielführend sein einen IFrame zu benutzen. Bei der Nutzung eines regulären IFrame kann es zu Seiteneffekten kommen. Ein Seiteneffekt ist es zum Beispiel, dass der IFrame mit Laden des Inhaltes den Fokus erhält. Damit verlieren Eingabefelder ggf. den Fokus und die Nutzerfreundlichkeit ist nicht mehr in dem hohen Maße gegeben. Mit der IFrame-Komponente werden solche Seiteneffekte minimiert. Es ist daher der Einsatz der Komponente zu empfehlen.

JavaScript-Einbindung

Quellcode

window.additionalComponent.load('iframe', {
    el: '[data-component="8486148446"]'
});

Parameter und Attribute

Funktionsaufruf - Zeile 3:

Name Bedeutung Werte Obligatorisch
data-component Selector des HTML-Knotes an dem die IFrame-Komponente initialisiert wird. textuell, frei definierbar JA

HTML-Einbindung

Quellcode

<div data-element="iframe"
    data-src="https://www.sachsen.de"
    data-attr='{"attribut":"wert"}'
    data-component="8486148446">
</div>

Parameter und Attribute

DIV-Tag - Zeile 3:

Name Bedeutung Werte Obligatorisch
data-src Die URL, welche innerhalb des IFrames geladen werden soll URL JA
data-attr

Definition weitere Attribute, die an den IFrame angefügt werden sollen. In dem Beispiel wir ein Attribut class mit dem Wert attributes dem IFrame-Tag beigefügt.

 textuell, frei definierbar NEIN

 

zurück zum Seitenanfang