Question

I need help in identifying how I should set up this non public website.
Basically there are around 2000 images referenced in a database.
Each user will be able to check or uncheck each image with the use of a checkbox.
Some users might have different images checked or unchecked.

I want the checkbox to process an AJAX request to a user specific XML (PHP generated from the db) which contains a boolean variable for each image entry.

The PHP then references the XML and highlights checkedboxes and disables the uncheckedboxes.
Again each user will have different references for each image.

Im not sure if the above is the correct method to use.

I want the page to dynamically load the first 20 images and if the checkbox is changed, instantly updated and refreshed without a page reload. Then I’ll paginate to the next 20.

If I’m on the right track I’ll attempt a demo and post an update.

Thanks,

Answer 1

Depends how you want to do it. You’ll need to brush up on your javascript as well to track the on change event. If you’re bring in the images with ajax to begin with I would create an object for each and attach the event to element. Then on click you could post the image_id or what have you to the server. Alternatively you could use an attribute on the checkbox/image like data-imageid="1"

JSON or XML, both will work, it just depends how you want to design it. Though from my experience I would use JSON instead.

The JSON array you would return might look something like {1:true,2:false,3:true} etc, so foreach key value pair you would either check it be it true or not on false.

Consider editing your tags for javascript or jquery to see if you get some better answers. Or I could elaborate further if I’m on the right track.