Pass document.ready() of iframe to parent container

Question

Is there a way to pass the document.ready() of an iframe to the parent container?

My scenario is this:

External content is shown in an iframe in a Shadowbox. The shadowbox overlay (#sb-overlay) has a background with a loading icon. I now would like to remove the loading icon, when the content in the iframe has completely loaded.

Thanks!

I think youre answer is here : http://stackoverflow.com/questions/12267010/how-can-i-detect-whether-an-iframe-is-loaded — BastienSander, Jun 12 '14 at 11:25

score 0 · Answer 1 · edited May 23 '17 at 11:49

0

$('iframe#iframeid').load(function() {
    //hide the loading
});

According to this post, for iframes the load event is good enough. No need to implement document.ready.

edited May 23 '17 at 11:49

Community

1
1

answered Jun 12 '14 at 11:27

Jan Hommes

5,122
4
33
45

Unfortunately that's not working like this. Nothing happens with this code. – Arerrac Jun 12 '14 at 13:53

score 0 · Accepted Answer · answered Jun 12 '14 at 14:24

Here's the code, that got it working for me:

$('.iframelink').on('click', function(){
    setTimeout(function(){
        $('iframe').load(function(){
            $('#sb-overlay').css('background-image','none');
            console.log('loaded');
        });
    }, 1000);
});

Pass document.ready() of iframe to parent container

2 Answers2