Comment spécifier (ou limiter) quel iframe (s) iframe-resizer va agir? - javascript, iframe, iframe-resizer

J'ai une page qui doit charger 2 iframes et j'utilise le code iframe-resizer de David Bradshaw.

Je contrôle le contenu de la page chargée dans l'une d'elles. J'ai donc le fichier iframeResizer.contentWindow.min.js chargé dans celui-ci, et l'iframe est redimensionné à la perfection.

La 2ème iframe charge cependant une page que je n'ai pascontrôle, donc il ne redimensionnera pas (je l’ai compris). Cependant, pour une raison quelconque, la barre de défilement que j’ajoute est supprimée lorsque je charge le code iframe-resizer, même si scrolling = "yes" est défini.

J'ai le code iFrameResize ({log: true}) après l'iframe "contrôlé". Le iframe "incontrôlé" est plus tôt sur la page (et doit être là).

Lorsque j'échange la commande, c'est-à-dire que je déplace l'iframe "incontrôlée" après l'iframe "contrôlée" (et en tant que telle après le code iFrameResize ({log: true})), je vois alors la barre de défilement pour cet iframe.

Ma question est donc la suivante: comment puis-je spécifier le ou les iframe (s) sur lesquels le code iframe-resizer doit agir?

Merci!

P.

Réponses:

Définissez une classe ou un ID sur l'iFrame que vous souhaitez contrôler, puis transmettez-le à iframeResize.

iFrameResize({log:true},"#myIFrame");

Ou vous pouvez passer directement l’iFrame.

var myIFrame = document.getElementById("myIFrame");
iFrameResize({log:true},myIFrame);