1 Form multiple lightbox on webpage, but only 1 formid is this possible?

  • Profile Image
    Hanshuber
    Asked on March 12, 2012 at 12:11 PM

    Dear Jotform

    I have the problem that when i click for the lightbox, all lightboxes on the page opens.

    I think the problem might be that there is only on formid and i only change one variable...

    Is there a solution maybe?

     

    Thank you.

  • Profile Image
    pinoytech
    Answered on March 12, 2012 at 12:14 PM

    Hi,

    Can you post the URL of the page that has this problem?

    Thank you!

  • Profile Image
    Hanshuber
    Answered on March 14, 2012 at 06:54 AM

    Hi :), thx for the speedy answer, no i cant cause i had it local but i can give you the code:

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

    new JotformFeedback({

    formId:'20713560961350',

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

    windowTitle:'Hotel Masl Anfrage',

    background:'#3C8C64',

    fontColor:'#FFFFFF',

    type:false,

    height:500,

    width:750,

    iframeParameters: {

         'empfanger': 'info@hotelmasl.com'

    },

    });

    </script>

     

    <a class="lightbox-20713560961350" style="cursor:pointer;color:blue;text-decoration:underline;">test1</a> 

    <script type="text/javascript">

    new JotformFeedback({

    formId:'20713560961350',

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

    windowTitle:'Anfrage Hotel Sambergerhof',

    background:'#3C8C64',

    fontColor:'#FFFFFF',

    type:false,

    height:500,

    width:750,

    iframeParameters: {

         'empfanger': 'info@sambergerhof.com'

    },

    });

    </script>

    <a class="lightbox-20713560961350" style="cursor:pointer;color:blue;text-decoration:underline;">test2</a> 
    this is all in one html :) i think its cause the class name..
  • Profile Image
    idarktech
    Answered on March 14, 2012 at 07:19 AM

    Hi there,

    You can use it this way:

     

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

    new JotformFeedback({

    formId:'20713560961350',

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

    windowTitle:'Hotel Masl Anfrage',

    background:'#3C8C64',

    fontColor:'#FFFFFF',

    type:false,

    height:500,

    width:750,

    iframeParameters: {

         'empfanger': 'info@hotelmasl.com'

    },

    });

    </script>

     <a class="lightbox-20713560961350" style="cursor:pointer;color:blue;text-decoration:underline;">test1</a>

    <a class="lightbox-20713560961350" style="cursor:pointer;color:blue;text-decoration:underline;">test2</a>

    Please try it and let us know if this helps. Thanks.

     

  • Profile Image
    Hanshuber
    Answered on March 14, 2012 at 07:27 AM

    yes that works, but i need per link a different iframe parameter, if you look at the second <script>

     

    thx by the way

  • Profile Image
    idarktech
    Answered on March 14, 2012 at 10:39 AM

    Hi,

    Sorry, but I think that's not possible. I'm sure there would be a clear conflict between the two lightbox scripts with the same formID. The only workaround I could think for that is to create another form for your second lightbox and apply the iframe parameter, or you can use the other embed option like Pop-up.

    Hope this still helps. Thanks.