using an image as hotspot to open form won't work

  • Profile Image
    mpawebmaster
    Asked on June 22, 2011 at 09:32 PM

    I tried inserting an image <img src> in place of hyperlinked text but the form won't open. How can i make image clickable to open form?

  • Profile Image
    abajan
    Answered on June 23, 2011 at 12:34 AM

    Hi mpawebmaster

    Thanks for asking. In addition to the src (source) attribute which describes the where the image is located, the image's tag also needs to be wrapped in an anchor containing a href (hypertext reference) attribute which tells the image where to link to: the form's URL.

    In other words, let's say you have an image of a contented cat 200 pixels wide by 300 pixels high that you want to use for the link and it's stored in your ImageShack account and its address is http://imageshack.com/mpawebmaster/contented_cat and your form's URL is http://www.jotform.com/form/9999999999. Your image's code should look like this.

    Here are a couple more examples.

    If you require help with anything else related to your form(s) please feel free to ask.


    ~ Wayne

  • Profile Image
    mpawebmaster
    Answered on June 23, 2011 at 10:15 AM

    Thanks Wayne.

     

    Sorry I should've noted that I am using the "lightbox" method for opening forms. It works with text hyperlinks but not images. For lightbox method you add the "id" property to <a> tag but for images it won't work.

     

    Thoughts?

  • Profile Image
    mpawebmaster
    Answered on June 23, 2011 at 05:07 PM

    So i found the real issue. The issue is not that it's an image but instead it's that I have 2 links that I want to use to open lightbox. Both link have the <a id=""> attribute and that's when the second doesn't work. If I delete one of the links, then it works. It won't allow for there to be two <a id=""> attributes on one page. How can I fix this?

  • Profile Image
    abajan
    Answered on June 23, 2011 at 10:18 PM

    Hi mpawebmaster

    After searching the forum for posts about similar situations, I found this recent thread in which my colleague Neil states that after extensive testing he found out that it was not possible to use two links to call the same lightbox form [from within the same page].

    With this in mind, the only workaround I can presently come up with is to clone the form and have one link point to the original and the other to the clone. Admittedly, this is not a very good solution because even though the notifications will go to the same address(es), the submissions would be stored separately.

    Perhaps if more thought is given to the issue, I or another member of our team can come up with something better but I don't want to get your hopes up.


    ~ Wayne

  • Profile Image
    mpawebmaster
    Answered on June 29, 2011 at 04:06 PM

    So this works and I'm okay with separate forms but it won't work on IE7. Now what? This is getting very frustrating.

    Thanks for any help you can provide.

  • Profile Image
    NeilVicente
    Answered on June 30, 2011 at 12:35 PM

    Hi,

    I think this issue has been resolved just like you have mentioned in the other thread that you opened. For the benefit of anyone who might have the same issue, I have included the link to seyhun's post regarding this issue.

    http://www.jotform.com/answers/13649-How-to-make-multiple-calls-to-the-same-lightbox-form-on-the-same-page


    Neil