Editable - Плагин для jQuery

485

Screamer

21 июл 2013 г., 15:41

Намучавшись с плагином jeditable, решил запилить собственный.
Функционал лишь базовый, делал под себя. Вот решил выложить на суд.
Может быть кто-то найдёт для себя что-то полезное.
Плагинов для jQuery ранее не писал. Это первый, поэтому говнокод не исключён.

Постом ниже опишу как его использовать.

Прикрепленные файлы:

424

(1.08 KB)

jquery-editable.rar

Fenixrus

21 июл 2013 г., 15:48

а зачем этот плагин нужен и редактирование каких таблиц?

Screamer

21 июл 2013 г., 15:49

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 - Собственно сам текст.

Вроде ничего не забыл

Screamer

21 июл 2013 г., 15:50

Fenixrus, каких таблиц? О_о.
Нужен для редактирования текста непосредственно на странице.
В принципе можно и для таблиц использовать.

Screamer

21 июл 2013 г., 15:51

Чуть не забыл. Активируется поле ввода по двойному клику.

Screamer

21 июл 2013 г., 15:53

Скриншот.

Прикрепленные файлы: