Доброго времени суток, никак не получается реализовать ввод пользователем ширины рамки. Прошу сказать что я не так делаю. Заранее спасибо.
Код:
Цитата:
<html>
<head>
<title></title>
<body>
<div id="d1"></div>
<input type="text" id="t1"> Кол-во строк</input>
<br />
<input type="text" id="t2"> Кол-во столбцов</input>
<br />
<input type="text" id="v1"> Ширина ячейки</input>
<br />
<input type="text" id="v2"> Высота ячейки</input>
<br />
<b>Граница</b>
<br />
<input type="text" id="g1"> Тип</input>
<br />
<input type="text" id="g2"> Толщина</input>
<br />
<input type="text" id="g3"> Цвет</input>
<br />
<input type="button" value="Построить" onclick="f();"/>
<br />
<input type="button" value="Перестроить" onclick="z();"/>
<script>
function f()
{
var k='<table>';
var s=document.getElementById("t1").value;
var s1=document.getElementById("t2").value;
var sh1=document.getElementById("v1").value;
var sh2=document.getElementById("v2").value;
var bor=document.getElementById("g2").value;
for(var y=0; y<s1; y++)
{ k+='<tr border="'+bor+'">';
for(var x=0; x<s; x++)
{ i=x+y;
ost=i%2;
if(ost==0) bg="black";
else bg="yellow";
k+='<td border="'+bor+'" width="'+sh1+'" height="'+sh2+'" style="background-color:'+bg+'"> </td>';
}
k+='</tr>';
}
k+='</table>'
document.getElementById("d1").innerHTML=k;
}
</script>
</body>
</html>
|
Добавлено через 1 час 17 минут
всё я разобрался!
04.12.2010, 21:45
