j-iFrame

jComponent 20 · jcomponent@20 component Ejemplo cargado con jComponent 20

El componente representa otra dirección URL (almacenada en el atributo path) directamente en el iframe. El mayor beneficio es el cambio de tamaño automático del elemento iframe según el selector parent.

Configuración:

parent {String} opcional, un selector de contenedores (predeterminado: window)
scrollbar {Boolean} opcional, habilita el desplazamiento nativo del iframe (predeterminado: false)
margin {Number} opcional, un margen vertical (predeterminado: 0)
NUEVO: marginxs {Number} opcional, un margen vertical para una pantalla extra pequeña
NUEVO: marginsm {Number} opcional, un margen vertical para pantallas pequeñas
NUEVO: marginmd {Number} opcional, un margen vertical para visualización mediana
NUEVO: marginlg {Number} opcional, un margen vertical para pantalla grande
NUEVO: message {String} opcional, un enlace al function(msg)
NUEVO: ready {String} opcional, un enlace al function(com) cuando el iframe esté listo
NUEVO: autohide {Boolean} opcional, agrega la clase hidden si el iframe está en blanco

Métodos:

NUEVO: SETTER('iframe/send', { your_message_data }) para enviar mensaje al iframe

Úselo con <ui-component name="iframe">. Cuando el componente aún no está cargado, jComponent lo descarga en el primer uso desde la dirección en DEF.fallback (el CDN Componentator de forma predeterminada). Autor: Peter Širka. Fuente: repositorio de componentes Componentator, licencia MIT.

example.html

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

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