SRC attributes in IFRAME change with onload function

Question

if I have the "src" attributes in IFRAME change is the "onload" Function not executed. It works ONLY when first called.

JavaScript:

function dialog () {
    document.getElementById('result').src = "myurl";
}

function loading() {
    document.getElementById('loading').style.display = "none";
    document.getElementById('result').style.display = "block";
}

HTML:

<div id="loading"><img src="loading.gif"/></div>
<iframe style="display:none;" id="result" onload="loading();" src="myurl"/></iframe>

Thank you!

http://stackoverflow.com/questions/1524639/how-to-trigger-onload-event-when-downloading-a-file-in-an-iframe — mplungjan, Sep 28 '14 at 20:01
The problem I grab is within and outside of frame src attributes. — od_, Sep 28 '14 at 20:03

MaximOrlovsky · Accepted Answer · 2014-09-28T20:16:29.557

0

Does your page domain and iframe domain the same? If they are different you can use CORS to access iframe events.

EDIT

<script>

    function dialog() {
        document.getElementById('result').src = "http://jsfiddle.net";
    }
    function loading() {
        alert('Loading finished');
        document.getElementById('loading').style.display = "none";
        document.getElementById('result').style.display = "block";
    }

</script>

<div id="loading">Loading</div>
<iframe  style="display:none;" id="result" onload="loading();" src="http://jsfiddle.net"/>

It works, live demo -- http://jsfiddle.net/xf2LgLsg/ I believe you write JS after HTML, so this may be a problem.

edited Sep 28 '14 at 20:16

answered Sep 28 '14 at 20:04

MaximOrlovsky

265
2
8

yes, it is the same domain. I change the SRC attribute within the iframe and Outside. – od_ Sep 28 '14 at 20:05
Edited my answer with tested solution. – MaximOrlovsky Sep 28 '14 at 20:29
and change function dialog() to dialog(params). Not working! – od_ Sep 28 '14 at 20:43
If you try to load `ebay.com` you have to run that script on ebay.com domain, or use CORS. – MaximOrlovsky Sep 29 '14 at 06:29

SRC attributes in IFRAME change with onload function

1 Answers1