Resizable-iFrame-functie
Om de functie te activeren, is er een kleine aanpassing aan de iFrame-code nodig:
- Voor het iFrame moet een JavaScript-bestand worden geïntegreerd.
- De eigenschappen id en naam van de iFrames moeten hetzelfde zijn en met resizeIframe beginnen.
Ook kun je de breedte van de iFrames (width-attribuut) in het design aanpassen.
De code voor het iFrame is:
Voor het asynchroon oproepen van het Javascript kan het volgende commando gebruikt worden:
Als je een Single-Page-Application (SPA) gebruikt, wordt de "load" actie niet geactiveerd wanneer een "virtuele" pagina wordt gewijzigd en wordt onze functie voor het wijzigen van de grootte dus niet uitgevoerd.
Met behulp van de volgende instructies heb je de mogelijkheid om het tijdstip van de resize-functie zelf te bepalen, zodat je niet afhankelijk bent van de "load" actie:
Deze Code Block dien je bij het gebruik van een SPA te integreren:
Zodra het script en het iFrame zijn geladen/gerendeerd, kan de volgende functie worden uitgevoerd om de Resizeable iFrame-functie te activeren:
De uitvoering van de Resizeable iFrame-functie kan indien nodig worden gestopt met de volgende functie:
