This is the plugin based on jEditable plugin created by Tuupola and Dylan Verheul. The purpose of create this plugin was to specifically solve the problem that i was facing, ie to give my users option button to save and or cancel, instead of using enter to save the content.

I will not say that akeditable is any improvement over jEditable, which is far better then what i have done. akeditable was meant to be used with situations similar to the way i have used it in celsias project or people section.

It works in exactly same fashion as jEditable, ie you click on the text to edit or a link and it converts the area into a from. Check out the live demo.

How To Use It

1. It is very simple, just call the akedit on click function of the element you want to convert in to editable area with the ID of the element.

<div id="editme" onclick="akedit('ajax.php?mode=eg1','editme',{
type : 'textarea',
name : 'usercomment',
width: '232px',
height: '80px',
submit:'save'
});"> THIS IS EDITABLE ON CLICK
</div>

Parameter to akedit function is the url: where you want to post the form data, the id of the element you want to convert into editable area and settings as hash like the value for submit button and other stuff.

akedit('ajax.php?mode=eg1','editme',{
     type : 'textarea',
     name : 'usercomment',
     width: '232px',
     height: '80px',
     submit:'save'
});

That’s it you are done.
Demo:http://amiworks.co.in/talk/akeditable-jquery-inplace-editor/
Download:http://plugins.jquery.com/files/akeditable.zip

Source:http://amiworks.co.in/talk/akeditable-jquery-inplace-editor/

Related Listings:

1. Akeditable in place editor Updated Those of you in hurry to download the plugin or...
2. Table Editor with jQuery TableEditor provides flexible in place editing of HTML tables. User...
3. sLedit – Inplace editor for mootools I’ve had a lot of requests to send people mooEdit....
4. NicEdit Inline Content Editor NicEdit is a WYSIWYG editor for websites. Its goal is...
5. Tab Inline Editable Elements I have been spending a lot of time at work...

Do you like this post?

Email: