CODEWITHSUNDEEP
javascriptjqueryhtmlruby-on-railsiframe
Justin Meltzer
Justin Meltzer

Reputation: 13548

Trouble with iframes

I'm generating iframes dynamically for a lot of different random websites, and I tend to get this error in my javascript console (not necessarily with this url):

Unsafe JavaScript attempt to access frame with URL http://localhost:3000/results/ from frame with URL http://www.apple.com/iphone/. Domains, protocols and ports must match.

Why am I getting this error? Is there a way to get rid of it?

So the only two times I interact with iframes in javascript is when I dynamically load in an iframe:

$("#results_div").html('<iframe src='+url+' frameborder="0" class="iframe"><p>Browser does not support iframes.</p></iframe>');

and when I pull the src attribute of an iframe:

var previewed = $("iframe").attr("src");

Which one is causing the error?

Upvotes: 1

Views: 3459

Answers (3)

Mrchief
Mrchief

Reputation: 76218

Script in your iframe is trying to access parent's script/dom and they are in different domains. Cross domain scripting genrally generates that error.

In your case, apple.com and localhost are different domains and something in those iframe is trying to access its parent window's script or dom element.

Couple of ways to solve this:

Upvotes: 4

MetaChrome
MetaChrome

Reputation: 3220

You cannot interact with a different domain with javascript or iframes apart from loading the domain with the into the iframe.

Upvotes: 0

sushil bharwani
sushil bharwani

Reputation: 30187

This is due to the fact that your script is trying to acces some code on another domain. This behaviour can be understood by reading Same origin Policy. http://en.wikipedia.org/wiki/Same_origin_policy

There are workarounds and some implementation by which you can resolve this issue.

Some of them are using proxy approach, Fragment identifier approach.

In HTML5 we can use postmessages to get this resolved.

But you have to figure out what may work for you.

Upvotes: 0

Related Questions