Как лучше производить обработку событий клика по элементам меню (oncontextmenu)?

Question

[Алексей]

Столкнулся с проблемой для себя, не могу связать действия при клике правой кнопкой мыши с таблицей. Для себя поставил следующую задачу.
Хочу реализовать следующей действие при клике правой кнопкой мыши в ячейке таблицы появляется контекстной меню (событие oncontextmenu ) с пунктом редактирование, если нажато (редактирование ) то в ячейке вставляется input для занесения информации в ячейку и после сохраняется ajax запросом. Возможно я изобретаю "велосипед " и уже все готово на фрэймворках или частью кода.
От людей которые прочитаю пост, я жду совета и наставления как решить мой вопрос и в след. раз решать подобные вопросы самому.

Comments

[Decadal]

У меня впервые такой диссонанс от разницы вопроса и описания к нему.

[Алексей]

Anton Mashletov, одинарный/двойной клик уже реализован и он очень не удобен когда много записей в таблице.. Пришла такая идея с контекстным меню и хочется ее решить для себя.

[Роман]

Собственно, как я понял -
Есть ячейка, по ней ПКМ, выпадающая менюшка, клик редактировать, в ячеку апендится новосозданный инпут и вэлью из него отправляется при change или submit (нужна форма) ?!
Вроде ничего сложного, можно будет вечерком поковыряться, как время будет =)

[Anton Mashletov]

Алексей, написал уже как ответ

Answer 1

[Anton Mashletov]

В общем случае:

1. При нажатии на ячейку мышкой, добавляешь ей класс selected (например)
   
2. В обработчике нажатия на Редактировать, получаешь этот selected и делаешь $('input').insertTo($('td.selected'))
   
3. Вешаешь change на этот инпут или keyup по Enter
   
4. В обработчике сохраняешь по ajax.
   
5. Если blur или сменился selected, то удаляешь input