Изменение ячейки таблицы на текстовое поле с содержанием ячейки при клике на неё

Sigyrd

Доброго времени суток!Подскажите, как реализовать? Есть некая таблица, в которой хранятся 7 значений. Как сделать так, чтобы при клике на ячейку этой таблицы появлялось текстовое поле, а при клике на любое другое пустое/неактивное место на страничке(уборки фокуса с элемента) значение записывалось в базу MySQL (Вообщем, сделать так же, как и PhpMyAdmin) ??Таблица у меня динамического размера, то есть кол-во столбцов не меняется, а строк - меняется
3 ответа

Sigyrd

Вариант 1 (без велосипедов): Скопипастить с PhpMyAdminВариант2 к каждой ячейке, которую собираешься изменять добавляешь определенный класс. Далее нужно обработать событие клика по объекту этого класса. (Для такой задачи я бы использовал JQuery, тем более, что значение должно записываться в mysql, а это значит, что понадобится ajax)В обработчике клика берешь из нажатой ячейки ее внутреннее html значение, то есть то, что находится между . Теперь изменяешь это html значение на
<input type='text' value='То что было между td'/>
В событие onblur для этого инпута делаешь отправку его значения по ajax на свой обработчик, который изменит значение в бд. После чего убираешь этот инпут, заменяя его значением его аттрибута value или, лучше, реальным значением этой ячейки в mysql, которую может вернуть тот самый серверный обработчик.


Sigyrd

А как реализовать это все на аяксе? Просто я в js пооолный профан...