AJAX Edit In Place :: Edit and save a paragraph of text in an HTML page

AJAX Edit In Place :: Edit and save a paragraph of text in an HTML page

This class can be used to edit and save a paragraph of text in an HTML page.
It associates the necessary Javascript event handling code to turn a given paragraph in an HTML page into editable text when the user clicks on it. When the user finishes editing the generated Javascript submit the paragraph text to the Web server using AJAX request so it can be saved.

Demo:

http://demo.dmwtechnologies.com/PHP/AjaxEditInPlace/

Download:

If you liked my post, feel free to subscribe to my rss feeds

Post meta

This entry was written by rochakchauhan and posted on 27 January 2009 at 2:56 PM and filed under Downloads, PHP Code. Bookmark the permalink. Follow any comments here with the RSS feed for this post. Post a comment(Latest is displayed first) or leave a trackback: Trackback URL.

Share with others

Post AJAX Edit In Place :: Edit and save a paragraph of text in an HTML page to digg.

Post AJAX Edit In Place :: Edit and save a paragraph of text in an HTML page to Reddit

3 Comments so far (Add 1 more)

Nice code, Rochak!
In your soure, example is in php code, but your demo is in html code.
Could you explain how to change example in html code instead of php code?
Thanks.

1. Evgeniy on March 25th, 2010 at 3:39 PM
I have been playing around with it a little.

When you add in some html code, the script only allows you to edit the parts of text that are before the html code.

Any ideas how to solve this?

2. Dan Hardy on March 24th, 2010 at 1:15 PM
Superbly simply.

Makes it easy to keep the styling seperate from your user, something I have always been wary about with CMS’s.

Thanks a lot!

3. Dan Hardy on March 23rd, 2010 at 7:31 PM