Сгенерировать таблицу по введенным данным

@pasha_2001 · Регистрация: 14.11.2012

Студворк — интернет-сервис помощи студентам

Еще один ламерский вопрос, но не работает и не пойму что я делаю не так.
Необходимо ввести в форму количество строк и столбцов и сгенерировать таблицу.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<html>
 <head>
 <title>Преобразование форм</title>
 <script language="JavaScript">
 <!-- 
 function isNumeric(n) {
    return !isNaN(parseFloat(n)) && isFinite(n);
}
 
 function test1() { 
    
    var cell = parseInt(document.getElementById("tr1").value);
    var row = parseInt(document.getElementById("td1").value);
    if ((isNumeric(cell)) && (isNumeric(row))){
        
         var form = document.getElementById('tbl1');
         var tbl = form.createElement('TABLE');
         tbl.border = 1;
         
         for (var i = 0; i < cell; i++){
            var newRow = tbl.insertRow(i);
            for (var j = 0; j < row; j++){
                var newCell = newRow.insertCell(j);
                newCell.width = "200";
                newCell.innerHTML='1';
                
            }
            
         }
         form.appendChild(tbl);
            
    }else alert ('Введено не число');
} 
 
 // -->
 </script>
 </head>
 <body>
 <form id="frm">
 <p>Введите количество строк:<input type="text" name="tr1" id="tr1" size="40" > </p>
 <p>Введите количество столбцов:<input type="text" name="td1" id="td1" size="40" > </p>
 <p align="center"><i><font size="4">
 <input type="button" value="Поехали" onClick="test1()" style="font-weight: 700; float:left" id="submit"></font></i>
  <br>
 </p>
 </form>
 <div  align="center" id="tbl1"><br>Table<br>
 </div>
 </body>
 </html>

Но ничего не генерируется

@kalabuni · 12.06.2013, 13:38

измените строки:
#17 - var tbl = document.createElement ('TABLE');
#21 - var newRow = tbl.insertRow (-1);
#23 - var newCell = newRow.insertCell (-1);
#25 - newCell.innerHTML = i + '-' + j; // хоть увидите "номер строки-номер столбца", а не одни единицы

@pasha_2001 · 12.06.2013, 13:43 **[ТС]**

Сообщение от kalabuni

измените строки:
#17 - var tbl = document.createElement ('TABLE');
#21 - var newRow = tbl.insertRow (-1);
#23 - var newCell = newRow.insertCell (-1);
#25 - newCell.innerHTML = i + '-' + j; // хоть увидите "номер строки-номер столбца", а не одни единицы

а почему в tbl.insertRow (-1) и insertCell (-1); нужно -1, я оставил i и j и таблица создалась.
Второй вопрос. Как при перевведении чисел и нажатию старую таблицу убирать а рисовать новую, а то новая - добавляется в конец старой

@kalabuni · 12.06.2013, 13:54

индекс в круглых скобках равен номеру вставляемой строки (столбца) в коллекцию строк (столбцов)
но в документации указано, что "если указывать -1, то добавляется новая строка после последней существующей (новая ячейка после последней)"

так что в данном случае ваш вариант (i) и (j) - он равносилен (-1) и (-1)
но с константами javascript всегда работает быстрее
------

между строками #16 и #17 пропишите form.innerHTML = '';

Новые блоги и статьи Все статьи Все блоги /
Доступность команды формы по условию Maks 07.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .	Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .
Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .	Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .	Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизитов табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	12.06.2013, 13:38
	измените строки: #17 - var tbl = document.createElement ('TABLE'); #21 - var newRow = tbl.insertRow (-1); #23 - var newCell = newRow.insertCell (-1); #25 - newCell.innerHTML = i + '-' + j; // хоть увидите "номер строки-номер столбца", а не одни единицы 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	12.06.2013, 13:54
	индекс в круглых скобках равен номеру вставляемой строки (столбца) в коллекцию строк (столбцов) но в документации указано, что "если указывать -1, то добавляется новая строка после последней существующей (новая ячейка после последней)" так что в данном случае ваш вариант (i) и (j) - он равносилен (-1) и (-1) но с константами javascript всегда работает быстрее ------ между строками #16 и #17 пропишите form.innerHTML = ''; 1