j-iFrame

jComponent 20 · jcomponent@20 component Beispiel mit jComponent 20 geladen

Die Komponente rendert eine andere URL-Adresse (gespeichert im Attribut path) direkt im Iframe. Der größte Vorteil ist die automatische Größenänderung des Iframe-Elements gemäß dem parent-Selektor.

Konfiguration:

parent {String} optional, ein Containerselektor (Standard: window)
scrollbar {Boolean} optional, ermöglicht natives Iframe-Scrollen (Standard: false)
margin {Number} optional, ein vertikaler Rand (Standard: 0)
NEU: marginxs {Number} optional, ein vertikaler Rand für eine besonders kleine Anzeige
NEU: marginsm {Number} optional, ein vertikaler Rand für kleine Anzeige
NEU: marginmd {Number} optional, ein vertikaler Rand für mittlere Anzeige
NEU: marginlg {Number} optional, ein vertikaler Rand für große Anzeige
NEU: message {String} optional, ein Link zum function(msg)
NEU: ready {String} optional, ein Link zum function(com), wenn der Iframe bereit ist
NEU: autohide {Boolean} optional, fügt die Klasse hidden hinzu, wenn der Iframe leer ist

Methoden:

NEU: SETTER('iframe/send', { your_message_data }) zum Senden einer Nachricht an den Iframe

Verwenden Sie es mit <ui-component name="iframe">. Wenn die Komponente noch nicht geladen ist, lädt jComponent sie bei der ersten Verwendung von der Adresse in DEF.fallback herunter (standardmäßig das CDN Componentator). Autor: Peter Širka. Quelle: Componentator-Komponenten-Repository, MIT-Lizenz.

example.html

<ui-component name="iframe" path="common.url"></ui-component>

<script>
	var common = { url: 'https://www.totaljs.com' };
</script>