Re: Динамическое изменение страницы.
От: Lloyd Россия  
Дата: 22.04.09 23:05
Оценка: 1 (1)
Здравствуйте, Аноним, Вы писали:

А>Здравствуйте! У меня такая проблема: нужно написать динамически изменяемое расписание, т.е. при нажатии на кнопку "Добавить столбец" в таблицу добавлялся столбец, а при нажатии на кнопку "Добавить строку" добавлялась строка. Как это сделать? Заранее всем спасибо!


Например, вот так:
<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>
 
Подождите ...
Wait...
Пока на собственное сообщение не было ответов, его можно удалить.