...
| Table of Contents | ||||
|---|---|---|---|---|
|
Twee opties
Een widget integreren op uw gastwebsite is mogelijk via:
embedcode
Javascript
U moet integreert de widget altijd zelf integreren. De widgets zijn volledig responsief en passen zich dus aan de schermgrootte van de gebruiker aan.
...
Alle Javascript-afhankelijkheden van een widget worden altijd gedownload en geladen in een geïsoleerde scope. Zo ontstaan er geen versieconflicten tussen de webpagina en de widget.
| Note |
|---|
Belangrijk: Stylesheets zijn hier een uitzondering op door het gebrek aan native ondersteuning om dit uit te voeren (bijvoorbeeld shadow-dom). Widgets vangen dit op door alle CSS-regels te prefixen met een unieke naam. Dit is echter geen garantie dat bepaalde CSS-regels voor een webpagina geen invloed hebben op het widget. |
...
Een widget toevoegen aan een webpagina via embedcode
Een De embedcode van een widget embedcode is een script-tag om toe te voegen binnen het body-element van een webpagina. Een embedcode maakt gebruik van synchrone operaties om een placeholder te voorzien in de webpagina. Hierdoor is het niet mogelijk om embedcodes asynchroon te gebruiken.
...
| Iframe | ||||||||
|---|---|---|---|---|---|---|---|---|
|
Een widget toevoegen aan een webpagina via Javascript (als alternatief voor de embedcode)
| Tip |
|---|
Zorg er eerst voor dat uw ACM/IDM-aansluiting actief en gevalideerd is. Zie ook |
...
...
...
...
De Javascript-code wordt voorzien waarbij door middel van via de bootstrap-functie een widget-URL wordt omgezet naar een widget-instantie. Deze bootstrap-functie zal asynchroon een instantie van een widget aanmaken en een referentie teruggeven. Zodra de referentie is teruggegeven, kan het koppelen aan een DOM-element plaatsvinden.
In het onderstaande codevoorbeeld staat hoe een widgetinstantie widget-instantie te koppelen aan een DOM-element en vervolgens het mount-gedrag te triggeren.
| Note |
|---|
Belangrijk:
|
| Iframe | ||||||||
|---|---|---|---|---|---|---|---|---|
|
...