/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

-1 vote217 views1 answer
Jquery equivalent of document.getelementbyid
Javascript jQuery
0 vote202 views1 answer
Createelement and set prop attr jquery
Javascript jQuery
0 vote215 views1 answer
Get html lang attribute jquery
Javascript jQuery
0 vote246 views1 answer
Bootstrap carousel dynamic height jquery
Javascript jQuery
0 vote219 views1 answer
Jquery on click return link url
Javascript jQuery
2 votes195 views2 answers
Wordpress add jquery script
Javascript jQuery
32 votes188 views2 answers
Jquery click add class
Javascript jQuery
83 votes181 views4 answers
Jquery cdn google
Javascript jQuery
26 votes195 views3 answers
Jquery create html element
Javascript jQuery
77 votes204 views6 answers
Jquery minified cdn
Javascript jQuery