/Javascript/jQuery/Jquery check if iframe is loaded

Jquery check if iframe is loaded

$('#myIframe').on('load', function(){
    //your code (will be called once iframe is done loading)
});

Source: stackoverflow.com

Jquery when iframe is loaded

<script>
function checkIframeLoaded() {
    // Get a handle to the iframe element
    var iframe = document.getElementById('i_frame');
    var iframeDoc = iframe.contentDocument || iframe.contentWindow.document;

    // Check if loading is complete
    if (  iframeDoc.readyState  == 'complete' ) {
        //iframe.contentWindow.alert("Hello");
        iframe.contentWindow.onload = function(){
            alert("I am loaded");
        };
        // The loading is complete, call the function we want executed once the iframe is loaded
        afterLoading();
        return;
    } 

    // If we are here, it is not loaded. Set things up so we check   the status again in 100 milliseconds
    window.setTimeout(checkIframeLoaded, 100);
}

function afterLoading(){
    alert("I am here");
}
</script>

<body onload="checkIframeLoaded();">

Source: stackoverflow.com

Similar codes

6 votes154 views1 answer
Trim space in jquery
Javascript jQuery
27 votes150 views6 answers
Jquery select by data attribute
Javascript jQuery
16 votes131 views2 answers
Smooth scroll to top jquery
Javascript jQuery
0 vote129 views1 answer
Update param in url jquery
Javascript jQuery
110 votes285 views6 answers
Add jquery cdn
Javascript jQuery
-1 vote122 views2 answers
JQuery exists function
Javascript jQuery
0 vote127 views1 answer
Classe jquery
Javascript jQuery
0 vote141 views1 answer
How to remove checked attribute of checkbox in jquery
Javascript jQuery
18 votes142 views5 answers
Jquery ajax form submit example
Javascript jQuery
5 votes141 views4 answers
Jquery onchange
Javascript jQuery