Added May 13 2014

HTML5 Inline Edit with PHP, MYSQL & jQuery

Now a days, We are always looking for easiest way for people to interact with our Web Applications. I am going to tell you about In-Place Editing or Inline Editing. Popular websites like facebook… facebook wants their user to edit their profile information without having to navigate to different form. We normally implement this feature by tracking text regions for clicks & replacing those regions with text fields. Those fields send the changed text back to the server via Ajax.

But HTML5′s new attribute called contenteditable , It takes care of inline editing automatically. We should write little jQuery code to send the data back to the server, so we can save it. Biggest advantage is we don’t need to create and toggle hidden forms. Contenteditable attribute that is available on almost every element. Simply adding this attribute turns any element into an editable field. Some versions of IE don’t support this feature. But we can handle it with modifying our script a bit. We want to hide the link to the edit page and enable the Ajax support only If we have support for editable content.

Read more at: http://w3lessons.info/2014/04/13/html5-inline-edit-with-php-mysql-jquery-ajax/