<script>
function PrintTable()
{
document.write("<table border=1>")
for (i=1;i<=10;i++)
{
document.write("<tr>")
for (j=1;j<=3;j++)
document.write("<td>ячейка №"+j+"столбца №"+i+"</td>")
document.write("</tr>")
}
document.write("</table>")
}
</script>
<body>
<script>PrintTable();</script>
</body>
JavaScript и CSS
Как сгенерировать таблицу с помощью JavaScript. Я уже разобралась как получить i-строк и j-столбцов у неё (Math.offer(Math.random()*10+1)), что позволяет получить случайным образом числа от 1-10. Но никак не могу сообразить, как сгенерировать таблицу. Чувствую, что должно быть что-то вроде,
while (n<=i){...; //для строки
while (m<=j){...; m++;}//для столбца
n++;}
где n и m первоначально равны нулю.
while (n<=i){...; //для строки
while (m<=j){...; m++;}//для столбца
n++;}
где n и m первоначально равны нулю.
<table id=mytable>
<tr><td>!!!</td></tr>
</table>
<script>
alert(document.getElementById('mytable').innerHTML);
</script>
</body>
Это пригодиться если надо менять табличку в режиме он-лайн. Если не понятно - побращайся.
<tr><td>!!!</td></tr>
</table>
<script>
alert(document.getElementById('mytable').innerHTML);
</script>
</body>
Это пригодиться если надо менять табличку в режиме он-лайн. Если не понятно - побращайся.
Есть еще методы самой таблицы по добавлению строк и столбцов. Из этого примерчика можно что-нибудь сообразить:
Код:
function addRow() {
document.form1.count.value = parseInt(document.form1.count.value) + 1;
var i = parseInt(document.form1.count.value);
var table;
if (document.all)
table = document.all.uploadtable;
else if (document.getElementById)
table = document.getElementById('uploadtable');
if (table && table.rows && table.insertRow) {
var tr = table.insertRow(table.rows.length);
var td = tr.insertCell(tr.cells.length);
data = '<input type="file" name="upload' + i + '" class="textboxgray">
';
td.innerHTML = data;
}
}
document.form1.count.value = parseInt(document.form1.count.value) + 1;
var i = parseInt(document.form1.count.value);
var table;
if (document.all)
table = document.all.uploadtable;
else if (document.getElementById)
table = document.getElementById('uploadtable');
if (table && table.rows && table.insertRow) {
var tr = table.insertRow(table.rows.length);
var td = tr.insertCell(tr.cells.length);
data = '<input type="file" name="upload' + i + '" class="textboxgray">
';
td.innerHTML = data;
}
}
Супер
Большое спасибо. Всё оказвается не так сложно как я думала. А я там на крутила.
Скажите, а для чего может пригодиться изменение таблицы в режиме он-лайн
Скажите, а для чего может пригодиться изменение таблицы в режиме он-лайн
Цитата:
Originally posted by Blacky
Большое спасибо. Всё оказвается не так сложно как я думала. А я там на крутила.
Скажите, а для чего может пригодиться изменение таблицы в режиме он-лайн
Большое спасибо. Всё оказвается не так сложно как я думала. А я там на крутила.
Скажите, а для чего может пригодиться изменение таблицы в режиме он-лайн
Например, чтобы добавить текстовых полей для ввода данных в форму. Много чего придумать можно.