jQuery

jQuery редактирование таблиц

Бывает иногда нужно редактировать данные в таблицах прямо на странице или же сделать подобный интерфейс для контент-менеджера сайта.

Зачастую такая задача сводится к созданию таблицы в mysql с необходимыми полями, что ведет за собой написание серверной части и клиентской для редактирования и добавления данных в этой таблице. Это конечно же не целесообразно, когда подобная таблица является текстовой частью какой-либо страницы и данные в ней не должны быть связаны с остальной частью базы данных.

Поэтому можно поступить иначе, ограничившись только версткой страницы и JS.
Для решения задачи достаточно создать плагин для jquery, который добавит весь необходимый функционал за нас, а нам останется, только отправить сформированные данные из текстового поля формы или из элемента с id на сервер и сохранять всю таблицу в обычном текстовом поле базы данных.

Расписывать подробно не буду, просто дам ссылку на готовую реализацию данной идеи, и архив с этим же демо примером.
Текст в редактируемых таблицах в элементах td можно изменять как в обычном текстовом поле, это правило не действует на элемент с кнопкой удаления.

Используется jquery-1.9.1, работает только в нормальных браузерах.
Кроссбраузерно можно сделать, если немного изменить код плагина.