Custom Thank you Page breaks out of iFrame

  • Profile Image
    pinsol
    Asked on July 13, 2012 at 06:57 PM

    I know this has been asked and have read other forums but it seems none of the other solutions work. I've developed a PHP page that holds the source code for the form fields. This page is loaded within an Iframe in Facebook (in a Tab App). Following the submisison of that form, I want the custom Thank you page to load into the same iframe. The problem is when they hit "submit", it opens new page within the same browser window and displays all of the original URL address of the hosted Thank You page.

    I have tried the following:

    1. <form class="jotform-form" action="http://www.jotform.com/submit.php" method="post" name="form_10424741277" id="10424741277" accept-charset="utf-8" onSubmit="window.open ('http://www.example.com/example.htm','mywindow','width=400,height=200')"> DOESN'T WORK

    2. <form class="jotform-form" action="http://www.jotform.com/submit.php" method="post" enctype="multipart/form-data" / name="form_xxxxxxxx" id="xxxxxxxx" accept-charset="utf-8"> DOESN'T WORK

    3. Javascript ...

    4. Inserting some custom code into the standard "Thank you" page option. DOESN'T WORK BECAUSE IT STRIPS OUT PHP/JAVA CODE

    The problem with this is that I'm using some PHP code to create a custom FB Share & Tweet button and I want to give that option only after they fill out the form.

    I'm not sure what other options I have but I'm sure many others share in this fustration.

    Is there an awnser???

    Thanks

  • Profile Image
    Mike_T
    Answered on July 13, 2012 at 08:30 PM

    Thank you for contacting us.

    I would like to inform you that it is possible to add an iFrame into the Custom Thank You Page:

     

    Will this work for you?

    (something went wrong with the forum layout, so I am re-posting my reply)

    If you need any further assistance, please let us know.

  • Profile Image
    Answered on July 13, 2012 at 11:31 PM

    Thanks for the quick response and you guys are great. I was cursing this for the past few hours.
    Now add some final points for others that come across this.


    1. It took me a couple of tries but I realized the iframe code you mentioned above goes straight into the wysiwyg editor. Putting the code in the HTML mode does not work (counterintuative if you ask me).
    2. I added a  ( frameBorder="0" ) to the code to completley strip out the border that it creates. It seems the border:none doesn't strip that out.


    Other than those two issues, it works great.
    Thanks again, you saved my weekend!

  • Profile Image
    jonathan
    Answered on July 13, 2012 at 11:43 PM

    Thank you for updating us. We are glad that it works for you now.

    On the point, it seems Mike_T's iframe code does include the "frameborder=0" and "border:none" parameters already (as far as I can see on the screen grab he provided..)

    And you are correct on, putting the code straight into the Thank you content... no need for the HTML source editor.

    Enjoy the weekend. =)

    Cheers!

  • Profile Image
    unitednorthern1
    Answered on May 21, 2014 at 03:57 PM

    hey there, I realize I'm rather late to the party as far as this thread is concerned - but could either of you guys shed some light as to why I'm getting this error message when I click submit? 

    Error

    Form ID did not match. Form ID: Form Name: 41385030357147

    the link to the page is

    http://www.unitednorthern.com/charlesdisanto/index.html

    thanks in advance!

  • Profile Image
    jonathan
    Answered on May 21, 2014 at 04:38 PM

    @unitednorthern1

    I have created a separate new post regarding your question here

    http://www.jotform.com/answers/381187

    Please use that for any of your follow-up message.

    Thanks.