Resizing iframe with injected iframeResizer.contentWindow.min.js

Hi,

I’m trying to resize a iframe which holds a static html page, but I don’t want to modify the page by hand.

So, I’m injecting the contentWindow.js by jQuery:

$(function () {
// ...

    (function () {
        const $iframe= $('.iframe');
        if ($iframe.length <= 0) {
            return;
        }

        $iframe.contents().find("head, body, div").first().append("<script src='https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/3.6.0/iframeResizer.contentWindow.min.js'></script>");
        $iframe.iFrameResize([{log: true}]);
    })();

// ...
});

However, the only output I get in the browser console is:

iframeResizer.js:132 [iFrameSizer][Host page: iFrameResizer0] IFrame has not responded within 5 seconds. Check iFrameResizer.contentWindow.js has been loaded in iFrame. This message can be ingored if everything is working, or you can set the warningTimeout option to a higher value or zero to suppress this warning.

So it seems that the contentWindow.js does not load correctly? Do I have to send some event?

PS: The script is injected correctly:

[auchri]

Well, I think I found the answer:

https://stackoverflow.com/a/9777536

If I load the content from the .js file and inject it like

$.get('iframeResizer.contentWindow.min.js', function (data) {
    $head.append('<script>' + data + '<\/script>');
    $frame.iFrameResize({log: true});
});

, it works.

[davidjbradshaw]

Glad you found a solution and I might build that in one day.