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)
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.
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.
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.
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.
Add a target
attribute to the form
within the iframe
:
<form action="foobar" method="post" target="_parent"> ... </form>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With