Trouble with competing lightboxes

  • Profile Image
    ketotherapeutics
    Asked on December 13, 2012 at 01:00 PM

    I have several pages that open to the same jotform. One of the pages has a videolighbox that opens to a Youtube video. When I added the Jotform code to that page it knocked out the videolighbox and when the link is chosen opens the Youtube site with the video on it. I want the page to give me the lightboxed video when the user selects that link and the lightboxed Jotform when selecting that link.

  • Profile Image
    idarktech
    Answered on December 13, 2012 at 01:50 PM

    Hi,

    They might be having conflict that's why they can't work together. Try removing number "2" on the source URL found on your lightbox embed code. Example.

    <script src="//max.jotfor.ms/min/g=feedback2" type="text/javascript">
    new JotformFeedback({
    formId:'21357249698871',
    base:'http://jotform.co/',
    windowTitle:'Cool Contact Form',
    background:'#FFA500',
    fontColor:'#FFFFFF',
    type:false,
    height:500,
    width:700
    });
    </script>
    See if this makes differences. Thanks!
  • Profile Image
    idarktech
    Answered on December 13, 2012 at 03:36 PM

    Hello there!

    Sorry but your reply didn't come through, can you please post it here instead? Thanks!

    http://www.jotform.com/answers/156852-Trouble-with-competing-lightboxes#2

  • Profile Image
    ketotherapeutics
    Answered on December 13, 2012 at 07:36 PM

    Idarktech, thank you so much, it worked! I don't fully understand why but perhaps the embedded "2" in the code for the JotForm was conflicting with the "watch 2" statement for the code for the embedded video. Whatever it was, you came up with the right solution.

  • Profile Image
    idarktech
    Answered on December 13, 2012 at 08:46 PM

    @ketotherapeutics

    http://max.jotfor.ms/min/g=feedback uses prototype version so it may help to avoid jQuery conflicts. The other one, with "2" uses jQuery. Thanks!