Question

I’m using an imagemap to work along side checkboxes in a form on my app, I’ve managed to get the checkboxes to persist their checked state after page reload using the dumbformstate plugin. How can I make the areas of the imagemap act in the same way?

Currently if you select north or south the corresponding checkbox or imagemap area will also be selected but on submitting the form only the checkbox will appear to be checked, the area of the imagemap will return to its default style.

I’m also using jQuery-UI to style the checkboxes and the maphilight plugin to style the checked state of the imagemap areas.

http://jsfiddle.net/dRz9U/12/

Thanks for any help its much appreciated!

Answer 1

OK, on page load, select the checkboxes that have been checked, and update the corresponding area:

http://jsfiddle.net/QVkmb/