How to make iframe from redirect the parent or whole web page on clicking submit?

Question

1.00/5 (1 vote)

See more:

I am working on a webpage which I embedded an external form page into with Iframe. I detected the external form page is configured to redirected to leave a than you message within the iframed external form page but I the functionality I need is that I want the parent or whole page to redirect to a targeted page on clicking submit of the external iframed form page.

Parent Page Contain External Iframed Page:

<div class="sign-in-box">
<div class="iframe-container" style="overflow:hidden; padding-top: 56.25%; position:relative; height: 100%">
<iframe src="http://127.0.0.1/SignIn/docs/index.php/formbuilder/frontend/viewform/?form=2" style="border: 0; height: 100%; left 0; position: absolute; top: 0; width: 100%;"></iframe>
</div>

External Iframed Page:
I am trying to put code here but not working, here is the link to the original post on stackoverflow: php - How to make Iframe From Redirect the Parent or Whole Web Page? - Stack Overflow[^]

What I have tried:

I have tried couple of solutions but not working so I guess I need to upload my code with I have attached below.

Pls I will appreciate good contributing solution.

Thank you.

Posted 7-Jul-19 9:34am

cHl Security

Updated 3-Mar-21 21:02pm

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Anurag Gandhi · Answer 1 · 2019-07-10T06:05:00

Solution 1

If you want to redirect the parent page from iFrame, use javascript:

JavaScript

top.location = '<your redirect url>';

If you want to redirect from parent to iFrame, use JavaScript:

JavaScript

document.getElementById("iframeId").src = '<your redirect url>';

If you are looking for something else, please help me understand your question.

you can add iframeId like:

JavaScript

<iframe id="iframeId" src="http://127.0.0.1/SignIn/docs/index.php/formbuilder/frontend/viewform/?form=2" style="border: 0; height: 100%; left 0; position: absolute; top: 0; width: 100%;">
                    </iframe>

Posted 10-Jul-19 6:05am

Anurag Gandhi

Updated 24-Jul-19 7:39am

v2

Comments

cHl Security 14-Jul-19 19:15pm

Please sir, below is my Iframe code: I can't find an Iframe ID for it. Can you give me proper code to make this function work with my code? Thanks.

cHl Security 14-Jul-19 19:20pm

Please sir, I have tried your code, I tested the script on both iframe and parent page but it keeps redirecting automatically instead of redirecting only when the iframe formsubmit button is clicked. Below is my Iframe code: I can't find an Iframe ID for it. Can you give me proper code to make this function work with my code? Thanks.

<div class="sign-in-box">
                <div class="iframe-container" style="overflow:hidden; padding-top: 56.25%; position:relative; height: 100%">
                <iframe src="http://127.0.0.1/SignIn/docs/index.php/formbuilder/frontend/viewform/?form=2" style="border: 0; height: 100%; left 0; position: absolute; top: 0; width: 100%;">
                    </iframe>
                </div>
          </div>

cHl Security 14-Jul-19 19:21pm

Please I need solution on where and how to properly apply the code.

cHl Security 14-Jul-19 19:23pm

The main function I need is that I want the parent page to redirect to a target page when submit button is being clicked on the iframe form page.

Anurag Gandhi 24-Jul-19 13:37pm

I updated the solution. Please have a look.