j-iFrame

jComponent 20 · jcomponent@20 component Príklad načítaný s jComponent 20

Komponent vykreslí inú URL adresu (uloženú v atribúte path) priamo v iframe. Najväčším prínosom je automatická zmena veľkosti prvku iframe podľa selektora parent.

Konfigurácia:

parent {String} voliteľné, volič kontajnera (predvolené: window)
scrollbar {Boolean} voliteľné, umožňuje natívne posúvanie prvkov iframe (predvolené: false)
margin {Number} voliteľné, zvislý okraj (predvolené: 0)
NEW: marginxs {Number} voliteľné, vertikálny okraj pre extra malý displej
NEW: marginsm {Number} voliteľné, zvislý okraj pre malý displej
NEW: marginmd {Number} voliteľné, zvislý okraj pre stredné zobrazenie
NEW: marginlg {Number} voliteľné, zvislý okraj pre veľký displej
NOVINKA: message {String} voliteľné, odkaz na function(msg)
NEW: ready {String} voliteľné, odkaz na function(com), keď je prvok iframe pripravený
NEW: autohide {Boolean} voliteľné, ak je prvok iframe prázdny, pridá triedu hidden

Metódy:

NEW: SETTER('iframe/send', { your_message_data }) na odoslanie správy do prvku iframe

Použite ho so <ui-component name="iframe">. Keď komponent ešte nie je načítaný, jComponent ho stiahne pri prvom použití z adresy v DEF.fallback (predvolene CDN Componentator). Autor: Peter Širka. Zdroj: úložisko komponentov Componentator, licencia MIT.

example.html

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

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