Known whether other problems with jQuery, except jCaorusel?

  • Profile Image
    sunfashion
    Asked on March 19, 2012 at 04:05 AM

    Hi, 

    I'am using 

    1.7.1/jquery.min.js

    1.8.16/jquery-ui.min.js

    jquery.MetaData.js

    jquery.rating.pack.js

    When embeding Jotform as LightBox:

    <script src="//jotformeu.com/min/g=feedback" type="text/javascript">

    new JotformFeedback({

    formId:'20766218130346',

    base:'http://jotformeu.com/',

    windowTitle:'Мы позвоним вам в ближайшие 10 минут!',

    background:'#fa9a29',

    fontColor:'#FFFFFF',

    type:false,

    height:250,

    width:350

    });

    </script>

     

  • Profile Image
    liyam
    Answered on March 19, 2012 at 04:11 AM

    Hello sunfashion.  Have you tried following the steps from this user guide?

    If this doesn't work, please let us know.

    Thanks.

  • Profile Image
    sunfashion
    Answered on March 19, 2012 at 06:50 AM

    Hello. I'am not using jCarousel, that is why this guide not applicable. What you can advise in my case?

    Many thanks!

  • Profile Image
    fxr
    Answered on March 19, 2012 at 07:25 AM

    JotForm code can conflict with jQuery code, in some circumstances as per the jCarousel example it is possible to rewrite the jquery plugin so that it doesnt conflict with the JotForm code. 

    I have had a look at your webpage and notice a significant amount of jQuery on the page, it doesnt seem practical to rewrite all the code to remove any conflicts. 

    --

    I have however noticed you are making use the shadownbox plugin on the page, I think it makes more sense to open your lightbox form (in an iframe) using that plugin. 

    e.g add this function 

      function OpeniFrameURL(url) {

        Shadowbox.open({

          content: url,

          player:  "iframe",

          height:  250,

          width:   340

        });

      }

     

    Then call it from a link 

    <a target="_blank" href="#" onlick="javascript: OpeniFrameURL('http://form.jotformeu.com/form/20766218130346');return false;">Link to open my form</a>

     

    That should work, you can also recreate the button used to open the form by using some absolutely positioned CSS.