In-place editing with contentEditable property and jQuery by Oli Studholme

In-place editing with contentEditable property and jQuery provides avenues for the editing of content in its place, without it being shifted to an editor application. This is brought about by the use of the contentEditable property and jQuery.

The process is initiated by the addition of jQuery plugin and style sheet to the page. The elements required to be edited are to be passed to the plugin. The value of the element to be edited is changed and a function is created. A new function to handle the new value of the content to be edited is to be created. A change event is used in binding it to the element.

The contentEditable property was first sponsored by Firefox 3, but it is now also used by contemporary browsers like IE 6, 7, 8, Safari, Chrome, and Opera.

FREE


Category: HTML5 » Tips & Tutorials
License: Freeware