How do I add a button to a blogger post that opens a jotform lightbox when clicked?

  • Profile Image
    mysecretkshopper
    Asked on July 07, 2012 at 11:29 AM

    This is my lightbox script

    Question About KORRES White Tea Bergamot Freesia Eau de Toilette

    And this is my image URL

    http://3.bp.blogspot.com/-rr01S2qt5vY/T_M3ZcElOXI/AAAAAAAACC0/HWWpGZ6cKKQ/s1600/Ask+me.jpg

  • Profile Image
    pinoytech
    Answered on July 07, 2012 at 01:16 PM

    Hi,

     

    You can replace the underlined text with any button/image that you want by replacing the text "Question About KORRES White Tea Bergamot Freesia Eau de Toilette" with your <img> tags so it becomes:

     

    <script src="//yang.jotform.com/min/g=feedback2" type="text/javascript">

    new JotformFeedback({

    formId:'21874312783154',

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

    windowTitle:'Question About KORRES White Tea Bergamot Freesia Eau de Toilette',

    background:'#FFA500',

    fontColor:'#FFFFFF',

    type:false,

    height:500,

    width:700

    });

    </script>

    <a class="lightbox-21874312783154" style="cursor:pointer;color:blue;text-decoration:underline;"><img src="//3.bp.blogspot.com/-rr01S2qt5vY/T_M3ZcElOXI/AAAAAAAACC0/HWWpGZ6cKKQ/s1600/Ask+me.jpg" /></a>

    Hope you find this helpful and if you need further assistance, feel free to contact us again anytime.

    Thank you!

     

     

  • Profile Image
    mysecretkshopper
    Answered on July 07, 2012 at 01:28 PM

    Hello,

    Should I add </div> on the end of that?

    Thank you

  • Profile Image
    jonathan
    Answered on July 07, 2012 at 05:47 PM

    Hi,

    According to previous replies, I cannot see the relevance of the closing div element...

    However, if you can see that in your page there is a missing closing </div> element for an open <div>, then you must add.

    Please contact us if have further inquiry.

    Thanks.

  • Profile Image
    boogerd
    Answered on January 18, 2013 at 04:09 PM

    I am trying to apply the button link in xara. 

     

    Could we include the script within the header and call it via a javascript link to popup the lightbox?  If so, how would the actual link look to call it?

     

    so <script> </script> in the header, then the <a class="lightbox-21874312783154" </a> in a link format?  is this possible to call it like that?

     

  • Profile Image
    Mike_T
    Answered on January 18, 2013 at 04:31 PM

    Yes, it should be possible, add the script part to the head section, and the lightbox image link to the body.

    <a class="lightbox-21874312783154" style="cursor:pointer;color:blue;text-decoration:underline;"><img src="//3.bp.blogspot.com/-rr01S2qt5vY/T_M3ZcElOXI/AAAAAAAACC0/HWWpGZ6cKKQ/s1600/Ask+me.jpg" /></a>

    Feel free to contact us if you need any further assistance.

  • Profile Image
    boogerd
    Answered on January 18, 2013 at 04:53 PM

    How could you use the link without the button code on the current object?  Sort of having the image itself have a hotspot over it.

    <a class="lightbox-21874312783154"</a> doesn't work..  I want to call the class in the link, but not with text or a button linked to it... 

     

  • Profile Image
    jonathan
    Answered on January 18, 2013 at 05:41 PM

    @boogerd

    It would help a lot if you can at least share to us the URL of your website where we can see this.

    When you say this,

    How could you use the link without the button code on the current object?  Sort of having the image itself have a hotspot over it.

    Are you meaning to say you only want the image to have link? Please check this thread , perhaps the solution provided by our colleague is applicable to what you were looking for.

    Thanks.