3

Всем, привет! Уважаемое сообщество, помогите пожалуйста в решении проблемы. Идея такая: Есть табличка со значениями, кликнув дважды по ячейки превращаю ее в INPUT, а как сделать чтобы значение ячейки появлялось в "инпуте".

Вот моя функция которая делает преобразование и по идее должна отобразить значение ячейки в "инпуте":

function convertToInput() {
    $('td.editable').on('dblclick', function(){
        $(this).html(function() {
            var input = '<input type="text" name="fname" />';
            var textEditable = $('td.editable');
            return input + textEditable;
        });
    });
    $('td.editable').keypress(function(event) {
        if ( event.which == 13 ) {
            $(this).html('<td class="editable"></td>');
        }
    });
}

вот экранный снимок того что получается:

alt text

4
  • @thunder, @lampa, @Zhukov Roman, @eicto, поучавствуйте пожалуйста в ответе! 6 авг 2013 в 14:36
  • 3
    да, че-то расслабились все. ну-ка, бегом! 6 авг 2013 в 18:00
  • 1
    @Артёмыч большинство ответов легкой и средней сложности. Некоторые просто не хотят на такие отвечать, т.к. не интересно. Другие - отвечают по тем или иным причинам. Ограничивать себя несколькими участниками как-то не уважительно к другим)
    – lampa
    7 авг 2013 в 17:37
  • @lampa я понял, учту... 8 авг 2013 в 8:23

3 ответа 3

5

Наверное надо взять значение:

....
var val = $(this).text();
...

А потом наверное в <input value='+val+'>. Как-то так. Не хочу развёрнуто писать, хочу увидеть работу Вашей мысли...

3

вот мой вариант link text На ваш вопрос я ответил?.. Но тут собственно я сам задумался а как их эти ячейки редактировать, чтобы предыдущая ячейка удаляла инпут и сохраняла значение value в td? Please help

2
  • Извените что отвечаю вопросом на вопрос
    – little_boy
    6 авг 2013 в 19:26
  • 3
    в переменной храните ссылку на <td> в котором происходит редактирование, в обработчике клика завершайте редактирование jsfiddle.net/oceog/2p739/3
    – zb'
    6 авг 2013 в 20:42
1

Коллеги, предлагаю свой вариант решения.

3
  • пара недочетов: * два раза по одной и той же ячейке кликните двойным, будет пусто в input'е. * сначала по одной ячейке, потом по другой. будет два input'а. 7 авг 2013 в 11:24
  • на счет первого согласен, а на счет второго можно и по третьему щелкнуть и по четвертому, что здесь не так, что не работает? Тут уже все зависит от реализации, кому как надо. 8 авг 2013 в 8:19
  • не работает принцип inplace editing. input должен быть только на время редактирования. на blur вы же его гасите? в качестве черновика вариант нормальный, но далеко не полный, именно недочеты, не ошибки. 10 авг 2013 в 1:27

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.