Form (feedback button) breaks the jquery-plugin in my website

  • Profile Image
    fugazi
    Asked on September 21, 2011 at 09:40 PM

    Hello Guys.

     

    I have a BIG PROBLEM. i added an form (feedback button) to my website but this breaks the jquery-plugin in my website, so the slider is broken and all jquery plugins too... take a look, this is my website with the big problem http://www.archipel.cc/promos/ARCH082/index.html

     

    I added the code into:

    <head>

    <script src="http://www.jotform.com/min/g=feedback" type="text/javascript"> new JotformFeedback({ formId: "12630151140", buttonText: "Feedback ARCH082", base: "http://www.jotform.com/", background:'#F59202', fontColor:'#FFFFFF', buttonSide: "bottom", buttonAlign: "right", type:false, width: 700,height: 500}); </script>
    </head>

     

    if the code (form feedback) isn't added, the website works perfectly (screenshot: http://imm.io/9r3c)

     

    PLEASE HELP ME!! I don't have idea what is wrong!!!

  • Profile Image
    fugazi
    Answered on September 21, 2011 at 10:54 PM

    help¿?

  • Profile Image
    fugazi
    Answered on September 21, 2011 at 11:47 PM

    some idea guys? Please this is urgent!!

  • Profile Image
    fugazi
    Answered on September 22, 2011 at 01:10 AM

    i need help :(

  • Profile Image
    aytekin
    Answered on September 23, 2011 at 08:54 AM

    Sorry, our tool uses prototype JavaScript library which conflicts with jquery. So, you will not be able to use the feedback tool on a page with jquery.

  • Profile Image
    fugazi
    Answered on September 23, 2011 at 10:50 AM

    No problem guys.. I solved easily creating my own feedback button using lightbox and I embed the jform link.. Thanks for the support!

  • Profile Image
    brx250
    Answered on September 23, 2011 at 10:57 PM

    Hi fugazi,

    We're glad you've sorted things out already. If you have further issues and concerns, please feel free to contact us again. Our team will be more than happy to help you with anything.

    Thank you and enjoy using JotForm.

     

    ___________________________________________________________ 

    Albert | JotForm Support

  • Profile Image
    Kentconstructioninc
    Answered on November 08, 2011 at 05:45 PM

    This isn't really an acceptable answer.

    jQuery is a massively used library. Saying jotform isn't compatible is like saying "This doesn't work on any version of Firefox".

    We've purchased a premium version of your scripting only to find out it breaks even the most simple cycling jquery setups.

    --

    So here's the fix. In order for the prototype scripting and jQuery plugins to run together, you need to enable jQuery's "No-Conflict Mode" - which is fairly straight forward.

    Basically it allows you to change all function calls from $ to jQuery - which should prevent the script from running as a prototype function.

    (It keeps removing my code so you'll have to use the link below to figure it out)

    More Information:
    http://docs.jquery.com/Using_jQuery_with_Other_Libraries

     

    Hopefully this will help clear things up for other folks.

  • Profile Image
    heresahand
    Answered on February 03, 2012 at 09:30 AM

    Yes, please flag this up much more prominently in your docs. jQuery is massive, and for your widget to silently break jQuery is to my mind a major flaw. It's of course your choice whether you fix this or not but at least you need to make users aware of this limitation.

     

  • Profile Image
    fxr
    Answered on February 03, 2012 at 12:27 PM

    @heresahand,

    there is no plans to make JotForm code compatible with jQuery at this time. 

    Often we are able to find workarounds using the jquery.noconflict library or other methods.

    If you want to create a new thread and include the webpage you are having this problem on (include the JotForm code) we are happy to take a look at it to see if we can come up with soltions to get the JotForm lightbox to work on your webpage. 

  • Profile Image
    heresahand
    Answered on February 03, 2012 at 04:49 PM

    Unfortunetly, any solution using jquery.noconflict would involve me rewritng all the JS on my site just to use jotForm, which isn't going to happen.

    Why don't you edit the prototype you send down with your widget to not use $, thus avoiding a conflict?

    If you aren't going to fix this it's fine, you just need to document this very clearly.

  • Profile Image
    fxr
    Answered on February 03, 2012 at 08:30 PM

    JotForm code is years in development using the Prototype javascript framework. It is difficult throwing away those years of development just to meet the needs of another javascript framework. 

    Please, post your issue in a new thread; I have developed (largely) CSS based code, independent of any javascript framework which should allow you to create lightboxes using JotForm code. 

    It only requires a little patience to tailor a solution that suits your needs. 

  • Profile Image
    jarofgreen
    Answered on February 05, 2012 at 05:42 AM

    JQuery is not just another framework, it's the most popular by a long way and it's slowly but surely killing Prototype.

    http://trends.builtwith.com/javascript/JQuery

    http://trends.builtwith.com/javascript/prototype

    Can you address the point about documenting this more clearly? I honestly accept that this is your choice to make, but you need to let people know. 

    > jQuery is a massively used library. Saying jotform isn't compatible is like saying "This doesn't work on any version of Firefox".

    I fully agree with this. You vould never say that about Firefox. Why can't you at least document this?

    If you can point me to any fixes that don't involve me re-writing my existing jQuery, I can put them in myself. 
    Unfortunately our code is behind a login but we will open our site to all users very soon and I will post it then.

    Thanks for taking the time to reply.