Get the content of iframe which generated on the fly

Question

I have an iframe which is generated on the fly and appended in a div like this:

content.innerHTML = '<iframe src="' + url + '" id="id_iframe" style="border:0px #BD8D46 dotted;" scrolling="auto" frameborder="no" align="center"></iframe>';

The div which is appended in invisible (display: none;)

What I want to do is to change the display of the div according to the content of the iframe.

I try this

console.log($("#id_iframe").contents());

But I get nothing back. No contents. When I use the developers tools I see that the iframe exists in the DOM.

Is it possible to get the iframe content on the fly?

Is it from same domain as the main page? If not, you can't access it. If it is then use a load event — charlietfl
– charlietfl, Commented Nov 14, 2017 at 12:45
I think this must be the issue. That it doesn't come from the same domain page. — user1919
– user1919, Commented Nov 14, 2017 at 12:47
Nothing you can do inside the frame due to "same origin policy" — charlietfl
– charlietfl, Commented Nov 14, 2017 at 12:49
The only way you can do this is by creating some server-side code to download the page for you, which means it's served by the same domain when you request it. Do you have any server-side coding knowledge, like PHP or ASP.Net? — Reinstate Monica Cellio
– Reinstate Monica Cellio, Commented Nov 14, 2017 at 12:53
Thanks @Archer. Yes. I think I will have to do that. Actually the issue is cause I am working on my local development env and at the same time displaying data from a remote server (through geoserver). Once the whole app is transfered to the production should be NO problem. — user1919
– user1919, Commented Nov 14, 2017 at 13:04

splitiii · Accepted Answer · 2017-11-14 14:44:38Z

1

$("#id") can not select dom elemets that where added after dom load

$("document").find("#id_iframe").contents()

answered Nov 14, 2017 at 14:44

splitiii

2093 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Get the content of iframe which generated on the fly

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related