j-iFrame

jComponent 20 · jcomponent@20 component Voorbeeld geladen met jComponent 20

De component geeft een andere URL (opgeslagen in het path-attribut) rechtstreeks in de iframe.Het grootste voordeel is de auto-resing van het iframa-element volgens de parent selector.

Configuratie:

parent {String} optioneel, een container selector (default: window)
scrollbar {Boolean} optioneel, mogelijk native iframe scrolling (default: false)
margin {Number} optioneel, een verticale marge (default: 0)
NEW: marginxs {Number} optioneel, een verticale marge voor extra kleine afbeeldingen
NEW: marginsm {Number} optioneel, een verticale marge voor kleine afbeeldingen
NEW: marginmd {Number} optioneel, een verticale marge voor het medium display
NEW: marginlg {Number} optioneel, een verticale marge voor grote afbeeldingen
NEW: message {String} optioneel, een link naar de function(msg)
NEW: ready {String} optioneel, een link naar de function(com) wanneer het iframe klaar is
NEW: autohide {Boolean} optioneel, voegt de hidden klasse toe als het iframe wit is

Methoden:

NEW: SETTER('iframe/send', { your_message_data }) voor het verzenden van berichten naar de iframe

Gebruik het met <ui-component name="iframe">Wanneer de component nog niet is geladen, jComponent Download het op eerste gebruik van het adres in DEF.fallback (De Componentator Schrijver: Peter Širka. bron: de Componentator Componenten repository, MIT licentie.

example.html

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

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