How to make multiple calls to the same lightbox form on the same page?

  • Profile Image
    antoniooi
    Asked on February 10, 2011 at 09:47 AM

    Hi,

    As you know that browsers will throw an error if different HTML elements are having the same id, e.g. anchor tag. I can't have all my links to share the same lightbox id, e.g. "lightbox-1234567". So how can I trigger the same lightbox form from multiple links on the same HTML page?

    Thanks in advance!

    Antonio

  • Profile Image
    aytekin
    Answered on February 11, 2011 at 09:37 AM

    We noted this as a bug and we will work on it. For now, you cannot have multiple lightboxes on the same page. 

  • Profile Image
    antoniooi
    Answered on February 11, 2011 at 09:51 AM

    Thanks, but how can we get informed once this is fixed and available for use? Thanks again.

    Antonio

  • Profile Image
    aytekin
    Answered on February 11, 2011 at 10:25 AM

    Yes, I will post an update here when we have a fix. 

  • Profile Image
    antoniooi
    Answered on February 11, 2011 at 10:32 AM

    Thanks a lot!

  • Profile Image
    antoniooi
    Answered on March 14, 2011 at 09:02 AM

    Any status update on this?

    Thanks.

  • Profile Image
    aytekin
    Answered on March 18, 2011 at 05:00 AM

    Our developer team is very busy. It may take many months for such fix.

  • Profile Image
    gciad
    Answered on May 26, 2011 at 01:39 PM

    I am having the same issue. Any updates?

  • Profile Image
    seyhuns
    Answered on June 30, 2011 at 05:15 AM

    Hello,

    I have added this feature to our lightbox system. You can either take the new code form Embed Wizard or you can follow below:

    ===========================================

            <script src="http://www.jotform.com/min/g=feedback" type="text/javascript">

            new JotformFeedback({

            formId:'1111111',

            base:'http://www.jotform.com/',

            windowTitle:'Untitled Form',

            background:'#FFA500',

            fontColor:'#FFFFFF',

            type:false,

            height:500,

            width:700

            });

            </script>

            <a class="lightbox-1111111" style="cursor:pointer;color:blue;text-decoration:underline;">Untitled Form 1</a>

            <a class="lightbox-1111111" style="cursor:pointer;color:blue;text-decoration:underline;">Untitled Form 2</a>

            <a class="lightbox-1111111" style="cursor:pointer;color:blue;text-decoration:underline;">Untitled Form 3</a>

     

    ===========================================

     

    Thank you

  • Profile Image
    antoniooi
    Answered on June 30, 2011 at 06:44 AM

    Thank you. I'll try it out later.

    Antonio