What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    With Jotform running in an IFrame, does a webhook continue to operate within that IFrame?

    Asked by chevva on December 17, 2013 at 12:45 PM

    My webhook uses a fixed URL pointing at a 'relay' page which collects all form items and re-posts them to a variable URL stored within a hidden form field (populated on JotForm launch by passing the URL through).

    The JotForm is launched inside an IFrame and it appears that on calling the webhook, the entire (parent) browser takes over, rather than continuing to operate within the IFrame. I get to see Jotform's 'Please wait' hourglass animation within the IFrame, then it looks liek the parent takes over.

    My relay page uses <form.... >

    Any suggestions or advice are much appreciated.

    JotForm hidden target form field
  • Profile Image
    JotForm Support

    Answered by KadeJM on December 17, 2013 at 03:30 PM

    I see you have two forms on your account and it looks like you have the webhook set up on this form: http://www.jotformeu.com/form/30303380808346. Is that correct?

    May we have your permission to test this webhook more directly to see what happens? This way we can help to troubleshoot this more accurately for you?

  • Profile Image

    Answered by chevva on December 17, 2013 at 07:48 PM
    Be my guest!
    Thank you.
    iPhone, so brief...
    ...
  • Profile Image

    Answered by chevva on December 19, 2013 at 10:57 AM
    Hi,
    Polite request - have you been able to conclude anything on this?
    Thanks,
    Trevor
    Be my guest!
    Thank you.
    iPhone, so brief...
    ...
  • Profile Image
    JotForm Support

    Answered by ardy0689 on December 19, 2013 at 02:29 PM

    Hello chevva, I have also looked into your form and it uses a Custom URL for redirection to

     

    I have filled your form manually http://www.jotformeu.com/form/30303380808346 and used your other form https://www.jotform.com/form/71133846491 to fill kfposturl field

     

    It redirected to your form and I only see this:

     

    As I can see that the redirect URL is a server side script, we have no way to know what the script does as we can not see anything from it. Can you please provide us some screenshots that points out the problem and relation to the iFrame?

    You may give us some image links that describes the problem if you wish. You may also log in to your JotForm account and upload images here

    http://www.jotformeu.com/help/image_upload.php?naked=true

    Then reply and attach the images to this thread:

    http://www.jotformeu.com/answers/305623-With-Jotform-running-in-an-IFrame-does-a-webhook-continue-to-operate-within-that-IFrame#3

    You also mentioned that you are using the iframe. Can you please give us the webpage url where the form is embedded? Thanks

     

  • Profile Image

    Answered by chevva on December 20, 2013 at 11:31 AM

    If you go to http://dev.touch-base.com/interview and follow the highlights below you will display the form (a shorter alternative form this time):

    Select from the tree as highlit to display JotForm in its iframe:

    My ASP relay page (which I want the WebHook to post form data to) is http://dev,touch-base.com/kfc32/JotFormReturnOriginal.asp and comprises:

    <%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
    <html>
    <head>
    <title>JotForm Testing</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <script type="text/javascript">
    function submitform()
    {
       document.myform.submit();
    }
    </script>
    </head>
    <body onload="setTimeout(function() {submitform();},250);">
    <p>You are being redirected. It may take a couple of seconds....</p>
    <form name="myform" method="post" action="<%=Request.Form("kfposturl")%>" >
    <%
     For Each Item In Request.Form
         fieldName = Item
         fieldValue = Request.Form(Item)
         Response.Write("<input id='" & fieldName & "' name='" & fieldName & "' type ='hidden' value='" &  fieldValue & "' />")
        Next
    %>
    </form>
    </body>
    </html>

     

  • Profile Image
    JotForm Support

    Answered by EltonCris on December 20, 2013 at 01:09 PM

    Hi,

    Custom URL loads in a separate page not within iframe. Since you are already using Webhook, I think there will be no need to use the Custom Thank you URL instead replace it with Thank you Message. This might resolved the problem.

    Please continue to update us if the issue persists. Thanks!

  • Profile Image

    Answered by chevva on January 02, 2014 at 11:42 AM

    Alas, I can't use the Thank You message as this will simply halt the flow (there is likely to be more user dialogue within our application and maybe even presenting further forms).

    I must post the form data back to my URL and redirect the frame to my return URL which you seem to suggest isn't possible?

  • Profile Image
    JotForm Support

    Answered by EltonCris on January 02, 2014 at 01:14 PM

    @chevva

    Sorry but that's the only way I could think of as of the moment. I'm sure my colleagues will also provide their ideas if they had.

    By the way, how about embedding the form using form source code then add target attribute on the form tag with the iframe name as the value so it targets the iframe once the form is submitted?

    Example:

    <form class="jotform-form" action="http://submit.jotform.co/submit/33532066444855/" method="post" name="form_33532066444855" id="33532066444855" accept-charset="utf-8" novalidate="true">

    Then create another iframe on your page with the name "myiframe". Exampe:

    <iframe name="myiframe" style="width:100%;height:300px;border:none;" frameborder="0" ></iframe>

    I'm not sure if this helps, but it's worth a try.

    Thanks!