I have a multi-page form on my site and I have created icons for the different pages. I have also added functions that stores the data to database and recalls their answers when they come back to the form. Once they have completed the form once. I don't want them to have to click through every page to change an answer... What I am trying to accomplish is letting the user click the image and jump to that page.
I have designed the images/icons to work as a progress bar.. They are gray until they reach that page, then they are green. I have added these icons in a html block at the top of each page and have added the following code to them.
<input type="image" src="http://leafywallet.com/wp-content/uploads/2012/07/button_1.png" width="60" height="60" onclick="jQuery("#gform_target_page_number2_3").val('3'); jQuery("#gform_3").trigger("submit",[true]); ">
With the value changing for a particular page.. but, when they click on any of the images, it only goes to next page.
How would I do this?