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

    Conflicting prototype.forms.js

    Asked by Nisha  on January 27, 2015 at 08:29 AM

    Hello,

    I am using jotform in one of website http://www.garbetthomes.com/

    Also i used many js file for slider and popup and dropdown menu. so when i included jotform source code in site then all of other slider and dropdown is not working. I see this post http://www.jotform.com/answers/40109-My-Jotform-code-is-blocking-my-Jquery-plugin-from-working-Properly-How-can-I-fix-this and used in my site but it is still not working so can you help me how i solve this.

    Note: I can not use embaded code or iframe of jot form cause my mockup design is too typical.

     

    Thanks!

    Nisha

    Page URL:
    http://www.garbetthomes.com/

    script conflict conflict prototype prototype.forms.js
  • Profile Image
    JotForm Support

    Answered by Welvin on January 27, 2015 at 09:51 AM

    Hi Nisha,

    Please try moving the script part of the form source codes below your existing website scripts or Javascript files so the order of the scripts are same in your webpage.

    If that won't fix it, then I would suggest creating a separate HTML file for your form source codes and add your modifications there. Then just put the HTML file as an iframe to your website. You can generate an iFrame codes for your HTML file in this page: http://7thspace.com/webmaster_tools/iframe_generator.html

    Thanks

  • Profile Image

    Answered by garbetthomes on January 27, 2015 at 10:31 AM

    Hello, 

    I tried to moving the script part of the form source codes below website scripts or Javascript files so the order of the scripts are same in your webpage but it is still not working/.

    Can you tell me details how we can generate our html source code to iframe or another way to work jotform in my website.

     

    Thanks! again

  • Profile Image
    JotForm Support

    Answered by Jan on January 27, 2015 at 12:04 PM

    Hello,

    So you already tried the noconflict for jquery and it did not help right?

    Here's a guide on how to get the full source code of your form.

    You said you cannot use embedded code or iFrame method because you mockup design is too typical. What do you mean by that? Because if you use iFrame, the form would still look the same. You just need to set the width and height properly.

    Thank you!

  • Profile Image

    Answered by garbetthomes on January 28, 2015 at 05:40 PM

    Hello,

     

    I want to use hot form for this page http://www.garbetthomes.com/pages/realtor

    please check at the bottom of the page: Sign up for Agent section.

    I want to add jot form same as the current design.

    thanks!

     
  • Profile Image
    JotForm Support

    Answered by jonathan on January 28, 2015 at 08:04 PM

    Will you be able to create a test page also where we can simulate using the jotform instead.

    I understand that you must have not embedded the jotform yet on the website because it is a live site

    But we do need to use an actual page from your website were the form can be embedded so that we can figure out a solution applicable to the issue. If you can have a test website or (if you can actually use the current live site), then we will be able to proceed and find a resolution.

    Thanks.

     

     

  • Profile Image

    Answered by garbetthomes on January 29, 2015 at 12:33 AM

    Hello,

    Sure here is the test page with jotform: http://www.garbetthomes.com/pages/test-jotform

    I have added jotform on thia page after that you see slider, fancybox, dropdown  and  google map all are the stopped, please check and let me know how we can solve it.

    I want to use more than 25 forms in this site so please help me sortout this issue.

    Thanks!

  • Profile Image

    Answered by Shadae on January 29, 2015 at 08:55 AM

    Hi garbetthomes,

    Thank you for providing us with a link to your test website. After review the site, I am only seeing this form on the site: http://www.jotform.me/50241205345442/ 

    This form doesn't appear to have Google Maps/Drop Downs/Sliders used.

    As stated by my colleague, you can obtain the full source code of your form you can then makes the edits to your code. You can then generate an iFrame using this site: http://7thspace.com/webmaster_tools/iframe_generator.html 

    You can then embed the form on your site using that code.

    I hope this helps, please inform us if you need further assistance.

     

  • Profile Image

    Answered by garbetthomes on January 29, 2015 at 01:47 PM

    Thanks for reply me

    I have already added source code in this page,  when i add "prototype-forms-js" file then all of slider, dropdown etc stopped (not working) for that page. And when i removed "prototype-forms-js" file the our form validation not working.

    please check my test page and confirm me how we can solve it.

     

    Thanks!

  • Profile Image

    Answered by Shadae on January 29, 2015 at 02:58 PM

    Hi,

    Using the full source code on your website appears to cause a conflict on your website, as such the recommend method would be to embed the form on your website using the iFrame method.

    If you need to customize the form code, you can generate the iFrame using the edited source code. If not, you can use the iFrame embed code from the embed option.

    http://www.jotform.com/help/148-Getting-the-Form-iFrame-Code 

    I hope this helps, please inform us if you need further assistance.