08.04.2014 JQuery - селектор по тексту без учета регистра 10.04.2013 jQuery редактирование таблиц 13.12.2012 jScrollPane 2 - прокрутка контента вниз (autoReinitialise и scrollToBottom) 12.12.2012 jQuery 1.7 метод on - замена bind, live, delegate 16.03.2012 Мгновенный поиск результатов на JQUERY 29.02.2012 Увеличение изображения по клику jQuery 29.02.2012 Замена стандартного ALERT с помощью JQUERY 29.02.2012 JQUERY: как вести логи действий пользователя
#144

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

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

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

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

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

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

29.02.2012 JQUERY: раскрывающийся список 30.10.2011 Модальное окно как вконтакте
О сайте