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

    Possible to Edit Form's Source Code before Embedding in IFrame

    Asked by alpacas on February 12, 2012 at 09:44 AM

    This is a follow-up to my previous question about formatting problems in IE. I need to open my Terms and Conditions text in a pop-up rather than a new page. I found some Javascript to do that but I could not use this script in the HTML free text box as the system strips out the scripts. Instead I edited the form's source code by hand, added the “onclick” code to initiate the popup in an HTML free text box positioned after the Terms and Conditions check box, and added the Javascript to format the popup at the bottom of the form's source code. I then embedded the whole, edited, source code into my webpage. The popup link worked fine in both Firefox and IE8, but I had the formatting problems in IE8 which I noted in my previous question, which required me to embed the form in an IFrame and so seemed to prevent me from editing the form's source code.

    My question here is; instead of saving directly to an IFrame using your embed options, is there a way I can edit the form's source code to add my script, then save as an IFrame?

  • Profile Image
    JotForm Support

    Answered by idarktech on February 13, 2012 at 04:12 AM

    Hi,

    Yes! that's possible.

    First, you have to download your form's full source code and apply your custom script. To get your form's full source code, please visit this link right here for a guide.

    Second, upload all the files that you've downloaded to your host. After that, embed it using an iframe code. You can use my iframe code below if you like.

    <iframe src="http://www.yourwebsite.com/your_form.html" frameborder="0" style="width:100%; height:200px; border:none;" scrolling="auto"> </iframe>

    Just change the highlighted link to your form link, also, set your iframe height and width to get the best result. :)

    I hope this helps. Please let us know if you need any further assistance. Thank you so much!

  • Profile Image
    JotForm Support

    Answered by idarktech on August 17, 2012 at 12:14 AM

    Hi,

    Your reply appears to be blank. If you've responded via e-mail, please post it here instead. http://www.jotform.com/answers/74653-Possible-to-Edit-Form-s-Source-Code-before-Embedding-in-IFrame#1

    Thank you.