/Javascript/jQuery/Jquery when iframe is loaded

Jquery when 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

5 votes135 views3 answers
Jquery create new line table
Javascript jQuery
0 vote130 views1 answer
Span element converink href="plugins/jvectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" /> ter
Javascript jQuery
11 votes122 views4 answers
Jquery class list
Javascript jQuery
10 votes128 views4 answers
Jquery insert after
Javascript jQuery
0 vote141 views2 answers
Jquery hover and hover out
Javascript jQuery
0 vote131 views1 answer
How to check condition multiple input value in jquery
Javascript jQuery
0 vote167 views1 answer
Jquery deparam
Javascript jQuery
0 vote129 views2 answers
How to do radio button validation in jquery
Javascript jQuery
-1 vote135 views1 answer
Jquery.min.js:689 Uncaught RangeError: Maximum call stack size exceeded
Javascript jQuery
7 votes127 views3 answers
Prevent form submit html javascript jquery
Javascript jQuery