Accessing an iframe's contents in Adobe Air

Question

I have been having a lot of trouble figuring out how I can access the content within an iframe in Air. Here is some example jquery code that I have been testing with.

$(document).ready(function(){
    $("#frame").ready(function(){
     air.trace($("#frame").contents().find("body").html());
     air.trace(window.frames["frame"].innerHTML);
     air.trace(document.getElementById("frame").innerHTML);
    });
});

The iframe I am using is.

<iframe src="http://google.com" id="frame" width="100%" sandboxRoot="http://google.com/" documentRoot="/" name="frame" height="600"></iframe>

The output from the above code is

null
undefined

As you can see the contents are always either null, undefined or an empty string. Am I missing something that is preventing me from accessing the content of the iframe? Any suggestions would be greatly appreciated.

Answer 1

Adobe AIR is just a browser (WebKit actually), and thus follows the rules browsers follow. The rule which governs your issue here is referred to as the "same-origin-policy".

If it's not on the same domain, the browser will not allow you to access the data or content from that site, so you will get this result. Use an Json based AJAX API if you would like to get data from another domain.

Example of someone else having this issue:

• http://forums.whirlpool.net.au/forum-replies-archive.cfm/723690.html

Answer 2

The solution was here http://help.adobe.com/en_US/AIR/1.1/devappshtml/WS5b3ccc516d4fbf351e63e3d118666ade46-7f08.html

Here is an example of how I got it working.

<iframe src="http://google.com/local/iframe.html" id="frame" width="100%" sandboxRoot="http://google.com/local/" documentRoot="app:/" name="frame" height="600"></iframe>

Anything requested from the sandboxRoot(e.g. http://google.com/local) will be used from the document root and will be treated as if it is from the same domain(google.com).

In iframe.html I can access the iframe to google just as if it were from the same domain.

I knew there had to be a way to do this :)

Answer 3

hello,

im trying for few days now to access some elements in the iframe dom but i cant figure it out because here in adobe docs there is only shown how to access the parent from child

http://help.adobe.com/en_US/AIR/1.5/devappsflex/WS5b3ccc516d4fbf351e63e3d118666ade46-7eb2.html#WS5b3ccc516d4fbf351e63e3d118666ade46-7edb