Random-цвет + его код в таблице 9х9

 
0
 
JavaScript
ava
AppleSOft | 02.12.2011, 13:08
В общем, у меня не выходит чтобы табличка была целой, а выходит что 2-й и 3 строки выходят за "рамки".

с colspan нет проблем всё выходит, а сrowspan если б кто помог, где ошибка..

Заранее спсибо!)

<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Лабораторка 8</title><style type="text/css">
body {
margin:30px;
}
td {
text-align:center;
padding:3px;
}</style></head>

<body>
<table cellpadding="0" cellspacing="0">
<script type="text/javascript">
document.write("<tr><td> </td>");
for (j = 1; j < 10; j++) document.write("<td>"+j+" </td>");
document.write("</tr>");
for (j = 1; j < 10; j++)
{
document.write("<tr><td>" + j + " </td>");
for (i = 1; i < 10; i++)
{

color = Math.round(255.0*Math.random());
r = color.toString(16);
color = Math.round(255.0*Math.random());
g = color.toString(16);
color = Math.round(255.0*Math.random());
b = color.toString(16);
color = r + g + b;
if (j==1 && i==2){
document.write("<td rowspan='3' bgcolor='#"+color+"'>" + color + " </td>");
i=2;


}

else {
document.write("<td bgcolor='#"+color+"'>" + color + " </td>");

}

}
document.write("</tr>");
}
</script></table></body></html>
Kommentare (1)
ava
iff | 02.12.2011, 16:10 #
1. Я так понимаю нужна таблица 9х9. Вы понимаете предназначение атрибута rowspan? В данном случае его не нужно указывать. Получиться:

<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Лабораторка 8</title><style type="text/css">
body {
margin:30px;
}
td {
text-align:center;
padding:3px;
}</style></head>

<body>
<table cellpadding="0" cellspacing="0">
<script type="text/javascript">
document.write("<tr><td> </td>");
for (j = 1; j < 10; j++) document.write("<td>"+j+" </td>");
document.write("</tr>");
for (j = 1; j < 10; j++)
{
document.write("<tr><td>" + j + " </td>");
for (i = 1; i < 10; i++)
{

color = Math.round(255.0*Math.random());
r = color.toString(16);
color = Math.round(255.0*Math.random());
g = color.toString(16);
color = Math.round(255.0*Math.random());
b = color.toString(16);
color = r + g + b;
document.write("<td bgcolor='#"+color+"'>" + color + " </td>");
}
document.write("</tr>");
}
</script></table></body></html>

2. Не было бы более оптимально использовать createElement и appendChild?
Registrieren Sie sich oder melden Sie sich an, um schreiben zu können.
Unternehmen des Tages
Вы также можете добавить свою фирму в каталог IT-фирм, и публиковать статьи, новости, вакансии и другую информацию от имени фирмы.
Подробнее
Mitwirkende
  iff   AppleSOft
advanced
Absenden