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

    Form's full source neither looks nor functions correctly. Using the default code shows nothing and with the iFrame version there's a blank space

    Asked by allamericanaquatics on February 13, 2015 at 12:54 AM

    My form should look like this:

    http://www.jotform.us/form/50425974540153

    but when i embed it with the source code it shows up like this:

    https://www.all-americanaquatics.com/proddetail.php?prod=Cap-Quote&sid=83§=29&man=0

    the embed code doesnt work, nothing shows up.

    the iframe code doesnt work, shows blank space where the form should be.



    This is a re-post of a comment on Which form embed code should I use?

    JotForm iframe code blank space jQuery conflict conflict resolution Prototype and jQuery default form code script conflicts noConflict full source co
  • Profile Image
    JotForm Support

    Answered by abajan on February 13, 2015 at 02:30 AM

    Yes, I see what you mean. This is likely being caused by a conflict between the form's scripts and those on the web page. Let me investigate and get back to you.

    Thanks

  • Profile Image
    JotForm Support

    Answered by abajan on February 13, 2015 at 10:44 AM

    Hi again,

    Browsers are blocking the scripts and style sheets of the form from your web page because it's the non-secure version of its code which is embedded there. That page is a secure one and as such, should have a secure form. So, one solution would be to replace the form code with its secure equivalent, as described in this guide. However, as soon as you do so, in all likelihood the gallery displaying the products at the bottom of the page will malfunction due to conflicts between the form's Prototype based scripts and the page's pre-existing jQuery scripts. The best solution for this would be to use the iFrame version of the form code but make sure it's the secure one (by checking Secure Form) before copying it to the page.

    If you would rather keep using the full source, after replacing the current non-secure version of the code with the secure one you'll need to use the noConflict solution described in the following video:

    If you need further help with this, please inform us.


    Thanks