DOM HTML создание таблиц - JavaScript, Ajax

net_ofg · 07.06.2013, 16:04

<html>
<body>

<form name='contForm'>
<table>
<tbody>
<tr><td>Строк: <td> <input id='ctr' style='width:30px'> <td rowspan=2><input type=button value="Создать таблицу" onclick=crTb()>
<tr><td>Столбцов: <td><input id='ctd' style='width:30px'>
</tbody>
<tbody><tr><td><label><input id='w' name="type_content" type="radio" value="1">Случайными значениями </label></td><td rowspan="2"><input type=button value="Заполнить таблицу" onclick=wrTB()>
</td></tr><tr><td><label><input id='w' name="type_content" type="radio" value="2">Таблицей умножения</label>
</td></tr></tbody>
</table>
</form>
<div id='TL'></div>
<script>
tl=document.getElementById('TL');
//tb=document.createElement("TABLE");
function repl(tl,tb){
if (tl.firstChild!=null) {
tl.removeChild(tl.firstChild); }

tl.appendChild(tb);
}

//Создание таблицы
function crTb(){
tb=document.createElement("TABLE");
tb.border='1';
ctr=document.getElementById('ctr'). value;
ctd=document.getElementById('ctd'). value;
//alert(ctr+' '+ctd);

for (var i=0; i<ctr; i++) {
var st=tb.insertRow(0); //alert('str');
for (var k=0; k<ctd; k++) {
st.insertCell(0); //alert('stolb');
}
}
repl(tl,tb);
}

//Заполнение таблицы
function wrTB(){
//tb=tb.cloneNode(true);
var group = document.contForm.type_content;
for (var i=0; i<group.length; i++) {
if (group[i].checked) {
cnt=group[i].value;
//alert(cnt);
break;
}
}

elTR=tb.firstChild.firstChild;
nn=document.createTextNode('');
for (var i=0; i<ctr; i++) {
elTD=elTR.firstChild;
nn.nodeValue=cnt;
elTD.appendChild(nn);
//alert(elTD.nodeValue);
while (elTD.nextSibling!=null) {
nn=nn.cloneNode(false);
nn.nodeValue=cnt; //alert(nn.nodeValue);

//elTD.replaceChild(nn,elTD.firstChil d); //alert(elTD.firstChild.nodeValue);
//elTD.nodeValue='sss';
elTD=elTD.nextSibling;
elTD.appendChild(nn);alert(elTD.fir stChild.nodeValue);
}
elTR=elTR.nextSibling;
}
repl(tl,tb);
}

</script>

</body>
</html>

Вопрос - как сделать, чтоб вместо одной клеточки выводилась пустая таблица, в первом случае, и на столбик меньше во втором случае.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
HTML - DOM	exn	Работа с сетью в Delphi	1	17.02.2013 11:23
Парсер HTML-таблиц. Получение координат ячеек.	Mr_freeman	PHP	13	17.08.2012 22:27
HTML DOM	Лубышев	Работа с сетью в Delphi	8	02.09.2011 00:06
Создание таблиц в БД	tanek	Помощь студентам	2	25.05.2011 09:37
DOM. как передать HTML разметку	badfilin	JavaScript, Ajax	3	26.04.2008 20:25