---
title: "akeditable: Jquery inplace editor"
url: https://thecancerus.com/akeditable-jquery-inplace-editor/
date: 2008-03-29
modified: 2008-03-29
author: "ican"
description: "Those of you in hurry to download the plugin or source can download it from plugins page of akeditable at jquery . This is the plugin based on jEditable plugin..."
categories:
  - "jquery"
tags:
  - "akeditable"
  - "click edit"
  - "in place editor"
  - "jeditable"
  - "jquery"
word_count: 325
---

# akeditable: Jquery inplace editor

*Those of you in hurry to download the plugin or source can download it from [plugins page of akeditable](http://plugins.jquery.com/project/akeditable) at jquery .*

![akeditable: Jquery inplace editor](http://thecancerus.com/wp-content/akeditable.jpg)

This is the plugin based on[ jEditable plugin](http://www.appelsiini.net/projects/jeditable) 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](http://www.celsias.com/projects) or [people](http://celsias.com/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](http://amiworks.co.in/akeditabledemo/).

## How To Use It

- 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 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.

## Processing On Server

- you get the post data as

id, the id of the div you were editing and,
id editme

- <name that you specified in the setting> , which contains the value that user typed in the textarea or textbox.
usercomment THIS IS EDITABLE ON CLICK i added this

**Update(25 August 2009):**Released the new version 1.1 of the plugin, and also made it compatible with jQuery 1.3.x