вариант по моему не слишком кошерный, хотя бы потому, что ячеек в таблице может быть довольно много, растягивать их бесконечно тоже не есть гуд, в итоге, если туда ещё запихивать поле, и может даже с кнопкой - таблица будет дёргаться и т.п.
вариант по проще:
просто таблица, с ячейками в которых значения. на каждой ячейке событие onclick с вызовом функции. функция открывает скрытое до тех пор поле (display: none; / block;) банальный div с вложенным полем textarea и двумя кнопками "утвердить", "отменить"
при открытии этого поля, из ячейки копируются значение в поле.
далее, я бы оставил тему о перезаписи одной ячейки на сервере. смысл? запросы имеют тенденцию к выполнению в течение нескольких секунд, пока туда-сюда вернётся, что-нибудь может случить. потому, я бы ввёл другую систему: изменение значений нескольких ячеек, а затем перезагрузка страницы и перезапись всех указанных ячеек во всех указанных строчках. имхо здесь и будет максимальная экономия на ресурсах и наибольшая надёжность системы.
в таком случае по нажатию кнопки "утвердить" должно происходить сравнение содержимого поля и редактируемой ячейки. если произошли изменения, то:
а) скопировать предыдущее значение ячейки в скрытое поле input:hidden, дабы можно было откатить назад
б) скопировать содержимое textarea в ячейку
в) скрыть поле textarea
г) пометить ячейку цветом, как отредактированную
д) открыть кнопку "сохранить изменения"
конечно, тут основная работа будет заключаться в сохранении идентификатора ячейки, сохранении в отдельном поле идентификаторов редактируемых строк и ячеек ,а потом на сервере ещё надо будет придумать как это всё разгребсти
тут конечно возникает серьёзный вопрос, а ты знаешь что за таблица будет редактироваться? или это универсальный скрипт под любую таблицу, которому будет отдаваться только имя таблицы? |
