Меню
Что нового?

Динамическая таблица

Reken

Новичок
Помогите пожалуйста доделать скрипт...

Мне нужна динамическая таблица. Что бы числа в ячейках, можно было менять без обновления страницы. В дальнейшем планирую заносить нужные цифры в БД, но это уже потом буду додумывать. Сейчас сделал так:
файл index
Код: 
<html>
<body>
<head>
<meta http-equiv="Content-Type" content="text/html; Charset=UTF-8">
<script type="text/javascript" src="jquery.js"></script>
</head>
 
 
<div id="content">
</div>
 
<script>
$(document).ready(function(){ 
$.ajax({
          
type: "POST",
url: "script3.php",
data: {value1: $("#num1").val(), value2: $("#num2").val()},
 
success: function(html){
$("#content").html(html);
}
 
});
}); 
</script>
  
</body>
</html>
Содержание обработчика script3.php
Код: 
<?php
 
$value1 = $_REQUEST['value1'];
$value2 = $_REQUEST['value2'];
 
echo <<<HTML
 
<form id="myForm">
<table>
<tr><td>Значение 1</td><td>Значение 2</td><td></td></tr>
<tr><td><input type='text' input id='num1' value="$value1"></td><td><input type='text' input id='num2' value="$value2"></td></td><td><input type="submit" value="Изменить"></td></tr>
<table/>
</form>
 
HTML;
 
?>
В итоге при запуске index.php у меня на странице отображается таблица из обработчика. Как заставить таблицу, сделать так, что бы введенные мною значения в таблице, через javascript передавались в обработчик, и следовательно обновлялись в таблице... Сейчас при нажатии на кнопку "Изменить" происходит обновление страницы, и это логично, так как скрипт не доработан...
Мне подсказали, что для захвата динамического контента страницы в javascript нужно использовать $('body').on('click','selector', function(){ Но вот как его прикрутить к моему скрипту, я не могу понять...
 

Reken

Новичок
Спасибо конечно, но это не то. Там в статье плагин используют. А у меня своя схема работы с таблицей, не могу только понять как $('body').on('click','selector', function(){ прикрутить к скрипту...
 

Reken

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

ksnk

прохожий
Ну, у тебя же есть целая форма. Ты, вероятно даже что то слышал про ajax, вон там кусок кода вставлен. При каждом изменении любого контрола - дергай отправку данных на сервер.
JavaScript: 
    $(document).on('change','.form input',function(){
        $.ajax({
            type: "POST",
            url: "script3.php",
            data: $(this.form).serialize(),
            success: function(html){
            $("#content").html(html);
        }
    })
});
Если внимательно присмотреться к твоему коду и к этому - можно заметить некоторые общие места...
 
Войдите или зарегистрируйтесь для ответа.
Сверху