Okay, I know there's got to be a simple solution to this, but I can't seem to find a good approach. So I'm hoping that by getting some input and maybe an idea or two might be the spark I need.
I'm trying to make a simple way to mark a group of elements (chapters) complete. For example a page with 10-15 items representing chapters (each in a div and with a unique ID). Each chapter has a star or empty box image. When someone finishes a chapter, they click the star (or box) which changes state (new color or checked box), updates asynchronously, and submits the event to a function that puts it into (or updates the existing) array. I then will serialize the array and insert it into a field in the db.
Simple, right? But I'm struggling with the best approach.
I'd prefer to use jquery for the UI/Ajaxy stuff. I've looked at some of the star rater scripts/plugins for adaptation, but none seem to really do the job.
I'm not looking for a voting model, but almost more of a checklist model -- where once something is completed, it's clicked, updated, and the state stored in an array/db.
Any idea on how to approach this in a simple way using PHP and possible jquery (or plain 'ol JS).
Thanks in advance for the help.