I am building a static site for a tourism group - it's not a big budget project. I would like to add some simple functionality which would allow users to add details (telephone number, website etc) of hotels/activities they like to a sidebar. They should then be able to print or email the contents of that sidebar to themselves before they leave the site. There's no need for a checkout system or to store the contents after they leave the site.
The idea is that the sidebar is hidden with a tab the user can click to reveal the list. (It must be on the right-hand side). When they see a hotel or activity they like, they should be able to click a "like" button which copies the contents of that particular hotel's div in plain text to the sidebar (minus the image and description). They should be able to remove the content if they like.
The sidebar must be site-wide, so if they then go to another page, the sidebar content goes with them. They should be able to add as many hotels/activities as they like.
The sidebar should be fixed position, with scroll bars for any overflow.
I use only simple query animations across the site, so there shouldn't be any conflict. I don't mind how the sidebar is scripted (PHP, MySQL, jQuery, cookies), but it must degrade well (so users who can't use it don't see it).
I've only constructed two pages of the site as I didn't want to go further until this aspect was dealt with. Having said that, I'd like this sidebar to easily fit in with what I already have, which is HTML (happy to switch to PHP if necessary), CSS and a some jQuery.
I have a little knowledge of jQuery and Javascript and can follow PHP code and I'd like to be able to understand and learn from how this sidebar functions! (Some basic instructions in the code would be great!)
I can't post the online pages here but will of course share them if anyone chooses to undertake the project.