Resizable iFrame Function

Afin d'activer la fonction sur votre site, il ne vous restera plus qu'à effectuer une petite modification dans le code de votre iFrame :

• Vous devez insérer un petit script JavaScript avant l'iFrame.
• Les attributs id et name de l'iFrame doivent être identiques et doivent commencer par l'élément resizeIframe.

Finalement vous pourrez ajuster la taille de l'iFrame à votre design (attribut width).

Le nouveau code pour l'iFrame est le suivant :

Afin d'exécuter un appel asynchrone du JavaScript vous pouvez utiliser le code suivant :

Si vous utilisez une Single Page Application (SPA), l'événement "load" n'est pas viré lors d'un changement de page "virtuel" et notre fonction Resize n'est donc pas exécutée.

Avec l'aide des instructions suivantes, vous avez la possibilité de déterminer vous-même le moment de la fonction Resize, afin de ne pas dépendre de l'événement "load" :

Vous devez intégrer ce bloc de code si vous utilisez une SPA :

Dès que le script et l'iFrame sont chargés, la fonction suivante peut être exécutée pour déclencher la fonctionnalité Resizeable iFrame :

L'exécution de la fonctionnalité Resizeable iFrame peut être stoppée si nécessaire avec la fonction suivante :