ansaurus

Question

How to determine if the location of the iframe has changed?

Answer 1

+1 A:

You may want to use the onLoad event, as in the following example:

<iframe src="http://www.google.com/" onLoad="alert('Test');"></iframe>

The alert will pop-up whenever the location within the iframe has changed. The only problem with this technique is that it may not work with some older browsers like IE5 and early Opera. (Source)

UPDATE:

Further to your edit, you are getting the "Access Denied" error because you cannot access the contentWindow.location of a website that is not within the same domain of the parent window. While this is unfortunate for your genuine requirement, this is considered a security restriction to prevent cross-site scripting.

Daniel Vassallo 2010-02-10 10:34:17

yeah thanks mate,i just found that out after some googling.thanx for ur comments though...is there a wrk around?what im trying to do is to enable a disabled button when the url changes.it doesnt necessarily have to be the url,i just want see if the anything has changed in the iframe...

manraj82 2010-02-10 10:57:16

@manraj82: Would it be possible to use the onLoad method described above? It will fire whenever anything changes in the iFrame, and will work even with cross-domain content, because it does not reveal anything about the site in the iframe.

Daniel Vassallo 2010-02-10 11:07:02

thanks a lot man,the onLoad method worked....i got it working by storing a counter value in a hidden field and then made the button enabled based on the counter value in the hidden field...

manraj82 2010-02-10 11:28:37

Daniel Vassalo:could you pls chk my code and see if its ok?

manraj82 2010-02-10 11:32:11

The code looks good. Keep in mind that the onLoad event will fire whenever the iframe body is reloaded, so for example it will fire again if the user right clicks within the iframe and chooses 'This Frame->Reload Frame' (in Firefox). This may or may not be acceptable, depending on how critical such an issue might be. In addition, this event may not fire in older browsers from the IE5 era.

Daniel Vassallo 2010-02-10 11:42:21

Answer 2

A:

function chkCounter(counterValue) {
       var tmp=document.getElementById('txtCounter').value;
       document.getElementById('txtCounter').value=tmp+counterValue;

       if(document.getElementById('txtCounter').value>1)
       {
        document.getElementById("btnClose").disabled = false;
       }
    }

<input align="middle" type="button" onClick="self.close();" value="CLOSE" disabled="true" id="btnClose">
<input type="hidden" id="txtCounter">

manraj82 2010-02-10 11:31:01

ansaurus

tags:

views:

answers:

How to determine if the location of the iframe has changed?

related questions