j-iFrame

jComponent 20 · jcomponent@20 component Exemple chargé avec jComponent 20

Le composant restitue une autre adresse URL (stockée dans l'attribut path) directement dans l'iframe. Le plus grand avantage est le redimensionnement automatique de l'élément iframe selon le sélecteur parent.

Configuration :

parent {String} en option, un sélecteur de conteneur (par défaut : window)
scrollbar {Boolean} en option, permet le défilement iframe natif (par défaut : false)
margin {Number} en option, une marge verticale (par défaut : 0)
NOUVEAU : marginxs {Number} en option, une marge verticale pour un affichage extra petit
NOUVEAU : marginsm {Number} en option, une marge verticale pour petit affichage
NOUVEAU : marginmd {Number} en option, une marge verticale pour affichage moyen
NOUVEAU : marginlg {Number} en option, une marge verticale pour grand affichage
NOUVEAU : message {String} en option, un lien vers le function(msg)
NEW : ready {String} en option, un lien vers le function(com) lorsque l'iframe est prête
NEW : autohide {Boolean} facultatif, ajoute la classe hidden si l'iframe est vide

Méthodes :

NEW : SETTER('iframe/send', { your_message_data }) pour l'envoi d'un message à l'iframe

Utilisez-le avec <ui-component name="iframe">. Lorsque le composant n'est pas encore chargé, jComponent le télécharge lors de la première utilisation depuis l'adresse dans DEF.fallback (le CDN Componentator par défaut). Auteur : Peter Širka. Source : le référentiel de composants Componentator, licence MIT.

example.html

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

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