Post value to iFrame input

Question

I have this iFrame in my parent window...

<iFrame src="http://theirdomain.com" id="Post_iFrame"></iFrame>

Then I have the jquery script...

$(document).ready(function(){ $(document).on("click","#transfer",function() { var $currentIFrame = $('#Post_iFrame'); $currentIFrame.contents().find("body #Name1").val("My new value"); }); });

I am trying to find the text field #Name1 in the iframe and populate this input with My new value but nothing is happening. Any suggestions?

<label for="Name1"> <span class="isRequired">*</span>First Name:</label><input type="text" id="Name1" name="Name1" size="25" maxlength="25" /> — Joe
– Joe, Commented Jun 22, 2012 at 20:10

Blaster · Accepted Answer · 2012-06-22 20:12:17Z

Following your comment:

no its a different domain

You need to have a look at Same Origin Policy:

In computing, the same origin policy is an important security concept for a number of browser-side programming languages, such as JavaScript. The policy permits scripts running on pages originating from the same site to access each other's methods and properties with no specific restrictions, but prevents access to most methods and properties across pages on different sites.

For you to be able to get data, it has to be:

Same protocol and host

You need to implement JSONP to workaround it.

Collectives™ on Stack Overflow

Post value to iFrame input

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related