# j-iFrame

> De component geeft een andere URL (opgeslagen in het pad attribute) rechtstreeks in de iframe.Het grootste voordeel is de auto-resing van het iframelement volgens de ouderlijke selecteur.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: nl
Content-SHA256: b011e51d47bc4b9df544f57587b9809467c6d9a2d1daf9a654741794e434c47d
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

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.

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

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