Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Вставлять таблицу любого размера при нажатии на кнопку
 
 автор: даша   (04.04.2011 в 12:21)   письмо автору
 
 

Мне нужно сделать программу, которая вставляла таблицу любого размера при нажатии на кнопку, в javascript с использованием объекта dom.))))

  Ответить  
 
 автор: psychomc   (04.04.2011 в 13:10)   письмо автору
 
   для: даша   (04.04.2011 в 12:21)
 

ловите. примитивный, но рабочий вариант

<html>
    <script>
        function createTable() {
            var rows = window.prompt('Введите количество строк', '');
            if (parseInt(rows)) {
                // диалоговое окно для ввода столбцов
                var cols = window.prompt('Введите количество столбцов', '');
                if (parseInt(cols)) {
                    // ширина границы
                    var border = window.prompt('Введите ширину границы', '');
                    if (!parseInt(border)) border = 0;
                    // создаем объект
                    var table = document.createElement('table');
                    table.border = border;
                    // формируем строки и столбцы
                    for (var i = 0, tr; i < parseInt(rows); i ++) {
                        // создаем строку
                        tr = document.createElement('tr');
                        for (var j = 0, td; j < parseInt(cols); j ++) {
                            // создаем ячейку
                            td = document.createElement('td');
                            // вставляем пустую область
                            td.innerHTML = '&nbsp;';
                            // вставялем ячейку в строку
                            tr.appendChild(td);
                        }
                        // вставялем строку в таблицу
                        table.appendChild(tr);
                    }
                    document.getElementById('tab_area').appendChild(table);
                }
            }
        }
    </script>
    <body>
        <a href="#" onclick="createTable()">Создать таблицу</a>
        <div id="tab_area"></div>
    </body>
</html>

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования