What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Hyperlink image rollover

    Asked by ayiz on December 16, 2012 at 12:00 PM

    Hi, I found this very usefull code from this post.
    Instead of using submit button, i try to aply rollover function on the hyperlink image.
    But when i preview the form, the rollover image appear in different way. like in the picture below
    I using this code for my rollover. is there any mistake that i have done?
    i am a newbie.

    #id_5:hover {

    background-image:url(

    http://i860.photobucket.com/albums/ab164/ayiz_89/a2_zps2c0cdfb3.png);

    }

    Thanks in advance for your help. 
    Screenshot
  • Profile Image

    Answered by fxr on December 16, 2012 at 01:54 PM

    What way do you ultimately want this to look/function?

  • Profile Image

    Answered by ayiz on December 17, 2012 at 12:31 AM

    i like the rollover image to function in normal way.
    when the cursor over the button, an image of "like our page first" to be appear.
    you may refer to this photo.
    the top image is my form and bottom image is the way i want the rollover image to appear.

    Thanks for your reply. 

  • Profile Image
    JotForm Support

    Answered by Welvin on December 17, 2012 at 02:44 AM

    Hi,

    This form don't have the submit button so I am confused. You want the submit button to have the image hover?

    Just like this form: http://form.jotformpro.com/form/23511263809956? ?

    Let us know.

     

    Thanks

  • Profile Image

    Answered by ayiz on December 17, 2012 at 08:22 AM

    Hi,

    sorry to make you confuse. its my bad to upload the image of incomplete form.
    This is how i want my form looks like.

    i try to create a hyperlink in my form that will lead people to my FB page.
    i want my hyperlink to have the image hover.

    My form that you had fix is correct. that's how i want the image hover to appear. but i want the button to function as hyperlink, not as submit button.

    Thanks a lot for your help.




  • Profile Image
    JotForm Support

    Answered by Welvin on December 17, 2012 at 10:45 AM

    Hi,

    Is this what you wanted: http://form.jotformpro.com/form/23511263809956? ?

    Feel Free to clone it.

     

    Thanks

  • Profile Image
    JotForm Support

    Answered by idarktech on December 17, 2012 at 06:15 PM

    Hi,

    I have also created a form for you: http://form.jotform.me/form/23516403155446

    Clone this form so you can edit the FB URL. Here's how: http://pbrd.co/T3g7sP

    Feel free to let us know if you have further questions. Thanks!

  • Profile Image

    Answered by ayiz on December 17, 2012 at 07:39 PM

    YESSS!!

    This is what i want...
    Thanks a lot guys...
    Really appreciate your help.

    :)