flickr-like Editing Fields Using AJAX & CSS

If you want to create flickr like edits in your webpage using AJAX and CSS then here's a nice solution for you to do that.

Here's how the edits happen on flickr.

• Show user the data field normally (for instance: the title of a picture)


• When mouse rolls over that title, make the background of the word yellow


• If the user clicks on the word, change that word to a input box with the word in it. Also show a save and cancel button


• A user can rename the picture and then push save


• Run a little script that updates the name into the database


• Remove the input box and the buttons and return to the original title display (updated with new title).

If you want to get this solution on to your website then go ahead and follow the link below.

http://dbachrach.com/blog/2007/01/07/create-flickr-like-editing-fields-using-ajax-css/