Logic on image click

  • Profile Image
    deluca
    Asked on February 15, 2013 at 10:12 AM

    Hi Jotform team,

     

    You always come with excellent ideas, that's why I am coming here to get some help!

     

    I would like to include 3 images next to others, when the user clicks on one image, I owuld like to use your conditional logic  as "if object is clicked" then show "this page".

     

    Any idea how to do this please or do you have a way around this?

     

     

    Thank you,

     

    Ben

  • Profile Image
    abajan
    Answered on February 15, 2013 at 11:18 AM

    Hi Ben,

    Although this isn't currently possible in the form builder, I believe we can come up with a JavaScript solution but if this is the case, the form's full source would have to be embedded into a web page to which the script would also be added.

    I've had a look at the form currently containing six duplicate images and nothing else, except the submit button. If that's the one to which you're referring, finish buildning it and let us know which fields are to be shown/hidden under which circumstances.

    We look forward to helping you with this project.


    Wayne

  • Profile Image
    deluca
    Answered on February 18, 2013 at 02:48 AM

    Hi Wayne,

     

    Thank you for your help, Yes I duplicated this images to test the functionalities of the code.

    I would like to ask you, is there a way to have some content sliding down when something is clicked?

    All I can find is page breaks, but it is a little annoying when you with you have your content showing a bit like an accordion or these nice web 2.0 sliding effects.

     

    Thank you,

     

    Ben

  • Profile Image
    EltonCris
    Answered on February 18, 2013 at 04:29 AM

    Hi Ben,

    I would like to ask you, is there a way to have some content sliding down when something is clicked?

    How about using Form Collapse tool, it's under Survey Tools? Try it and let us know your feedback. Thanks!

  • Profile Image
    abajan
    Answered on February 18, 2013 at 06:32 AM

    Hi again Ben,

    I'm experimenting with something that when the mouse is moved over each image, the relevant content is displayed and when the mouse is removed, the content is hidden. The showing and hiding would happen in a smooth fashion.

    I should have a demo ready for you sometime later today (Barbados time).


    ~ Wayne

  • Profile Image
    abajan
    Answered on February 18, 2013 at 07:03 AM

    Incidentally, if you want the content to show only when the image is clicked instead of hovered over, that can easily be done.

  • Profile Image
    abajan
    Answered on February 18, 2013 at 06:51 PM

    Ben,

    Please test out this demo and let us know if it's the sort of functionality you wanted.

    Thanks.