iframe onload event

Question

I've a simple piece of code:

<script>
function change(){document.getElementById("browse").src = document.getElementById("addr").value;}
function update(){document.getElementById("addr").value = document.getElementById("browse").src;}
<script>
<input type="text" id="addr"><input type="button" value="Go" onclick="change();">
<iframe id="browse" style="width:100%;height:100%" onload="update();"></iframe>

update(); is not called when e.g. link inside the iframe was clicked and new page loaded.

What's the problem?

When you say update() is not called, it is _actually_ not called or does your script just encounter an error and die? (You can check with Chrome Dev Tools or Firebug.) — lpd, May 12 '11 at 08:50

score 7 · Answer 1 · edited May 30 '14 at 13:28

7

You may add the handler directly after changing the src to let it work:

function change(){
    document.getElementById("browse").src = document.getElementById("addr").value;
    document.getElementById("browse").onload = function (e){alert(e);}
}

Have a look at this example http://jsfiddle.net/xkBF3/

edited May 30 '14 at 13:28

bluish

26,356
27
122
180

answered May 12 '11 at 08:50

DanielB

19,910
2
44
50

score 7 · Answer 2 · answered May 12 '11 at 09:51

Short answer: You can't get the URL of pages on any domain other than yours. The URL you want can be gotten with:

document.getElementById("browse").contentWindow.location.href;

However, this URL will only be available when browsing sites on your domain due to the Same origin policy. It will be undefined and you will get a security error if you try on any other domain.

So, if you want to get pages from other domains and you want to do this with pure javascript, you can't.

Long answer: You could use a server-side proxy to load in the URLs requested in the iframe. Something like:

http://yourdomain.com/proxy.php?url=http://www.google.com/

And then when getting the URL get the url parameter and put that in the 'addr' input.

This approach is really not worth doing; You will use a lot of bandwidth and you will open your site up to people wanting to proxy through a firewall and abusing your proxy for their needs.

iframe onload event

2 Answers2

Linked

Related