jQuery UI Cookie
Whilst working on a web application I have come to a point where I am finding it difficult to progress, so I am posting here today in hope that someone will be able to answer my question, or give me some pointers as to how I should tackle this problem.
I'll start off by giving some background information as to how this application functions, and will talk about the technical side of it later on. Effectively what I am creating is a virtual noticeboard for staff members to login to where they can view a noticeboard that displays multiple notes. The standard user cannot make notes, but can hide notes that they have read. When doing this, only the notes hidden will affect that particular user. Each user can also move each note around to whatever position they want, however, I am having issues saving the position they move this note to.
I am using jQuery UI to make each note movable. Each note is contained by a parent <div> (the noticeboard) and is restricted to move only within the parent <div>. Each note is created dynamically using PHP (created by an admin). As I mentioned before, I am having issues with storing the position of each note that is moved by each user, so that when they login again, the note is still in the same spot they last dragged it to.
So, my question. How would I write this cookie to store and read the position of every note that is created? Secondly, could this cookie be written so that it would work across all users, or would I need to approach this differently?
Thank you very much for giving the time to read over my problem, and any feedback will be greatly appreciated.