Using Javascript to enter data in to form fields in an iframe

Question

This isn't a "how to" question at this stage, more of a "can I."

I am capturing form data on /page1.php - upon submit /page2.php is loaded which contains further form fields that are displayed via an iframe. The form that is loaded is hosted on another server (just in case that makes a difference).

The question I have is; Is there anyway of using javascript (or any other language) to autofill a field that is in the iframe?

I hope that makes sense but if anyone needs any clarification, please let me know.

thanks

@user574632 You reference a question that was asked/answered 5 years ago!! That's long time and surely new methods are available. — Jonathan Rosenfeld
– Jonathan Rosenfeld, Commented Apr 28, 2014 at 19:32
@JonathanRosenfeld Same origin policy has not changed. Why are you trying to do this - there is probably a better way, such as php cUrl — Steve
– Steve, Commented Apr 28, 2014 at 19:57
@user574632 onlineaspect.com/2010/01/15/backwards-compatible-postmessage - To answer your question, I'm trying to pre-populate the form fields in the iframe that are asking for the data I have already collected myself. — Jonathan Rosenfeld
– Jonathan Rosenfeld, Commented Apr 28, 2014 at 20:26

the_marcelo_r · Accepted Answer · 2014-04-28 19:14:52Z

1

This part is important:

The form that is loaded is hosted on another server (just in case that makes a difference).

That makes a big difference, here's why:

"The same-origin policy restricts how a document or script loaded from one origin can interact with a resource from another origin." https://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy

You can try to use some Ajax to interact between the pages.

answered Apr 28, 2014 at 19:14

the_marcelo_r

1,85623 silver badges36 bronze badges

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

2 Comments

Jonathan Rosenfeld Over a year ago

Thank you for the prompt reply. So you're not saying it's impossible, just not with javascript.

the_marcelo_r Over a year ago

Dude, AJAX uses Javascript! :) But, yeah.. with pure Javascript, you can't achieve this without some unorthodox configuration.

Collectives™ on Stack Overflow

Using Javascript to enter data in to form fields in an iframe

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related