Iframe content change detection

[jad2006]

Hi guys
We have a requirement like in one iframe we have to show one site and in another iframe we have to show some other external site, we did it using

[HTML]
<iframe src="http://www.a.com"> </iframe>
<iframe src="http://www.b.com"> </iframe>
[/HTML]

now if the session expires in any one site, the login page is shown in only the correponding iframe, what we require is that the login page has to be shown in the entire window(since both have the same credentials) instead of an Iframe,

We thought of a javascript which should run after each content change of iframe
and we will be checking the content present in the corresponding iframe for loginpage contents, if it contains the loginpage we will be setting the window location to login page.

What we need is the way to run a javascript after the content got changed in a iframe(External site contents).

Your Help is highly appreciated

[acoder]

If the iframe and the main page are from different domains, this will not be possible with JavaScript.

[dangroza]

jad2006, did you found a solution? I can think of some other ways using AJAX ..

Dan

[jad2006]

Hi Dan/Acoder

I found a solution using javascript.Foll owing is the code
[HTML]


<iframe src="http://www.a.com"> </iframe>
<iframe src="http://www.b.com" name="frame2" onLoad="javascr ipt:checkForLog inPage()"> </iframe>

[/HTML]

<script>
function checkForLoginPage(){
var ad=frame2.document;
 
if(ad!=null)
var bodyText= ad.getElementsByTagName("body").item(0).innerHTML;
//as my loginpage contains this text
if(bodyText.indexOf('Forgot your Password?')>0){
//clear the cookies
//set window.location to login page;
 
window.location.href=loginurl;
}
}
</script>         
 
 

Dan,
Please Share the Solution u r thinking of..

Thanks & Regards
Jad

[Dasty]

Hi Dan/Acoder

I found a solution using javascript.Foll owing is the code
[HTML]


<iframe src="http://www.a.com"> </iframe>
<iframe src="http://www.b.com" name="frame2" onLoad="javascr ipt:checkForLog inPage()"> </iframe>

[/HTML]

<script>
function checkForLoginPage(){
var ad=frame2.document;
 
if(ad!=null)
var bodyText= ad.getElementsByTagName("body").item(0).innerHTML;
//as my loginpage contains this text
if(bodyText.indexOf('Forgot your Password?')>0){
//clear the cookies
//set window.location to login page;
 
window.location.href=loginurl;
}
}
</script>         
 
 

Dan,
Please Share the Solution u r thinking of..

Thanks & Regards
Jad

This is not gonna work. You just can not access document's properties/mothods when iframe got external (from different domain) page loaded (as you said). acoder is right

[dangroza]

Hello jad2006,
I thought using that method also, but what I get on both Firefox and IE(the browsers that I usually test on) is the following exception:
"Permission denied to get property HTMLDocument.ge tElementsByTagN ame" when trying to get content from iFrame.
Am I missing something?

Dan

[dangroza]

I see Dasty already replied to that. Other methods that I can think of (using AJAX) require some extra coding on both websites that you display(I consider this important as a measure of security on a website - client side scripting can create vulnerabilities on your website).

jad2006, can you tell more about the content you are showing in this pages?

Dan

[acoder]

Hi Dan/Acoder

I found a solution using javascript.Foll owing is the code
[HTML]


<iframe src="http://www.a.com"> </iframe>
<iframe src="http://www.b.com" name="frame2" onLoad="javascr ipt:checkForLog inPage()"> </iframe>

[/HTML]<snipped>

The only way this would work is if the main page is from domain b.com.

[jad2006]

Sorry guys
I simply tested it by using giving some static pages in Iframe1 and iframe2 , I have not tested in the real scenario, I am wrong,Thanks everyone for ur valuable suggestios, but is there any way out to do this?

[acoder]

You could use a web proxy via Ajax. Use server-side code to get the contents, then return the response to the client-side.