Sep
4th

Flickr Like Edit in Place

Posted by Ajax Lady

How to edit in place using AJAX?

If you are not familiar with how flickr handles editing data, here’s a short summary.

  • 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). (more…)
1 Star2 Stars3 Stars4 Stars5 Stars (2 votes, average: 4.00 out of 5)