обновить обычный текст после изменения его в текстовое поле

Question

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

Есть ли кто-нибудь, кто мне поможет?

Answer 1

Вот ссылки на сайты и/или проекты, которые помогут вам выполнить вашу задачу.

http://www.mysqlajaxtableeditor.com/

http://www.phpclasses.org/package/3104-PHP-Edit-data-in-an-HTML-table-using-AJAX.html

http://www.9lessons.info/2011/03/live-table-edit-with-jquery-and-ajax.html

Answer 2

Чтобы включить содержимое ячейки таблицы в тестовом вход:

//bind event handler to click event for all table cells 
$('td').on('click', function() { 

    //cache this table cell in a variable 
    var $table_cell = $(this); 

    //add a text input with the text of this table cell, 
    //then select that text input, focus it (so the user doesn't have to click on the text box to gain focus), 
    //then add an event handler to the text input for the blur event 
    $table_cell.html('<input type="text" value="' + $table_cell.text() + '" />').children('input').focus().bind('blur', function() { 

     //run your code to update the text within this <td> element 

     //sent a POST request to your server-side script with the value of the text-input 
     $.post('path_to/server/script.php', $(this).serialize(), function (response) { 

      //here you get the response from the server and you can update the table cell 
      //if the response from the server is the new text for the cell then you can do this... 
      $table_cell.text(response); 
     }); 
    }); 
}); 

Answer 3

Если вы ищете встроенное редактирование, есть много плагинов.

Это выглядит многообещающим http://www.appelsiini.net/projects/jeditable (не пробовал)