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

  • Profile Image
    allamericanaquatics
    Asked 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?

  • Profile Image
    abajan
    Answered 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
    abajan
    Answered 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