Js:
<script type="text/javascript">// <![CDATA[
$('document').ready(function () {
$('#content').editable({
url: "http://example.com", // URL для Ajax запроса при сохранении
css_class: "class", // CSS класс поля ввода
input_field: "input", // Тип поля ввода: textarea или input По умолчанию textarea
type_field: "description" // Значение параметра type передаваемого при POST запросе. По умолчанию передается идентификатор контейнера. В данном случае content
});
});
]]></script>Собственно вёрстка:
<div id="container">
<div>Some text</div>
</div>ESC или клик по документу вне поля - отмена
Ctrl+Enter - Сохранить
При сохранении отправляется AJAX запрос.
Метод запроса POST
Параметры:
type - Идентификатор контейнера (можно задать свое значение не изменяя идентификатор)
value - Собственно сам текст.
Вроде ничего не забыл