Editing posted content is a very common task on websites. It's usually implemented by offering an edit link next to the content. When clicked on, this link takes the user to a form located at another page, where the content can be edited. When the user submits the form, they are redirected back to the content page.
Imagine, on the other hand, that you could edit content without navigating away from the content page. When you click on the edit button, the content is replaced with a form. When you submit the form, it disappears and the updated content appears in its place. Everything happens on the same page; editing the form's rendering and submissions are done using JavaScript and AJAX. Wouldn't such a workflow be more intuitive and responsive?
The preceding technique described is called in-place editing. It now finds its way in Web applications and becomes more common. We will implement this feature in our application by letting the...