From inside an iframe, how can I determine if the parent page has finished loading?

Question

Are there any properties or events I can listen for from within the iframe to determine this?

The iframe src and parent page are on different domains.

Answer 1

Only if you can modify the parent page as well. If you can't, it's XSS and there's no legitimate way to do it.

parent.html:

...
<body onload="theFrame.parentLoaded()">
...
<iframe src="http://other.domain.com/frame.html" name="theFrame"></iframe>
...

frame.html:*

...
<script type="text/javascript" language="javascript">
function parentLoaded(){
    //code here will be executed when the parent page has finished loading
}
</script>
...

Answer 2

I know you don't have control over the parent page, but if you can convince the host to add some code, you may be able to do something like the following:

//OnParent Page
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script>
    var bReady = false;
    $(document).ready(function () {
        bReady = true;
    });

    function isReady() {
        return bReady;
    }
</script>

//in iframe page
<script>
    var bReady = false;
    while (bReady == false) {
        bReady = window.opener.isReady();
    }
</script>

From inside an iframe, how can I determine if the parent page has finished loading?

Question

2 answers

solution1
4 2010-08-11 02:10:11

solution2
-1 2010-08-02 17:03:59

From inside an iframe, how can I determine if the parent page has finished loading?

Question

2 answers

solution1 4 2010-08-11 02:10:11

solution2 -1 2010-08-02 17:03:59

solution1
4 2010-08-11 02:10:11

solution2
-1 2010-08-02 17:03:59