Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: для новичков > Random-цвет + его код в таблице 9х9

Автор: AppleSOft 2.12.2011, 12: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>

Автор: iff 2.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?