Здравствуйте! У меня такая проблема: нужно написать динамически изменяемое расписание, т.е. при нажатии на кнопку "Добавить столбец" в таблицу добавлялся столбец, а при нажатии на кнопку "Добавить строку" добавлялась строка. Как это сделать? Заранее всем спасибо!
Здравствуйте, Аноним, Вы писали:
А>Здравствуйте! У меня такая проблема: нужно написать динамически изменяемое расписание, т.е. при нажатии на кнопку "Добавить столбец" в таблицу добавлялся столбец, а при нажатии на кнопку "Добавить строку" добавлялась строка. Как это сделать? Заранее всем спасибо!
Например, вот так:
<html>
<head>
<script src="jquery-1.3.2.min.js"></script>
</head>
<body>
<input id="btnAddRow" type="button" value="Add row" />
<input id="btnAddColumn" type="button" value="Add column" />
<table id="tbl" border="1">
<tr>
<td>0</td>
</tr>
</table>
<script type="text/javascript">
var n = 1;
$("#btnAddRow").click(function(){
var tbl = $("#tbl");
var tr = $("<tr/>").appendTo(tbl);
for (var i = 0; i < $("tr:first td", tbl).length; i++) {
$("<td/>").text(n).appendTo(tr);
}
n++;
});
$("#btnAddColumn").click(function(){
$("#tbl tr").append($("<td/>").text(n));
n++;
});
</script>
</body>
</html>
