Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

submitting the form in iframe and redirect the whole page

i guess I have an easy question, I have not found the right answer yet thoguh. I have an iframe in my page that comes from external domain. After submiting the form which is inside this iframe, I would like to redirect the whole page, not just content inside the iframe - i guess the right way to achieve might be via "target" attribute.
The sample html:

<html>   <body>     <h1>main page</h1>     <iframe src="http://example.com">       <form url="http://example.com/action">         ...       </form>     </iframe>   </body> </html> 

submitting the form should show me the result of submiting the POST request as a new page (not in the iframe)

like image 500
mkk Avatar asked Feb 19 '12 19:02

mkk


People also ask

How do I submit a form and redirect to another page?

If you want to redirect to another page after form submit html, Then you have to provide/Sign the Other pages path inside HTML Form tag's ACTION Attribute. Which will POST/Send your Form data to that Location and Open/Redirect your Users to That Given Web Page.

Can we redirect in iframe?

Redirect the page containing your iframe embed Modern browsers will prevent an iframe from changing the location of its parent page for security reasons. Your iframe embed code and JavaScript code will need to be modified to allow this behavior.

How can I submit a form without redirecting?

To submit an HTML form without redirection, we can redirect to an invisible iframe. And then we set the form's target attribute to the ID of the hidden iframe to redirect to it after form submission is done.


2 Answers

I have put target='_parent' in the iframe but I haven't done this initially in the form element. After adding target='_parent' attribute to form it started to work as expected.

like image 157
mkk Avatar answered Sep 28 '22 08:09

mkk


Add a target attribute to the form within the iframe:

<form action="foobar" method="post" target="_parent">   ... </form> 
like image 31
Flimm Avatar answered Sep 28 '22 10:09

Flimm