Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 11.12.2017, 13:45   #1
Skeleton92
Пользователь
 
Регистрация: 29.10.2015
Сообщений: 10
По умолчанию Закрасить таблицу

Здравствуйте.
Нужно закрасить согласно рисунку 2 динамические таблицы, используя вложенные операторы цикла.
Может кто-нибудь наведет на мысль как реализовать.
Нашел вариант с шахматной доской.
Код:
<style>
.r1 {background-color: green; height: 50px; width: 50px;}
.r2 {background-color: blue; height: 50px; width: 50px;}
</style>
<script>
var n = 7; var s;
document.write("<table>");
for (i=1; i<=n; i=i+1)
    {
    document.write("<tr>")
        for (j=1; j<=n; j=j+1)
            {
            st = (i+j)%2;
            if (st == 0) s ="class='r1'";
            else s = "class='r2'";
            document.write("<td " +s+ "></td>");
            }
    document.write("</tr>")
    }
document.write("</table>")
</script>
Изображения
Тип файла: png Безымянный.png (12.7 Кб, 106 просмотров)
Skeleton92 вне форума Ответить с цитированием
Старый 11.12.2017, 13:57   #2
Serge_Bliznykov
Старожил
 
Регистрация: 09.01.2008
Сообщений: 26,238
По умолчанию

первый.

Код:
var n = 9;
document.write("<table>");
for (i=0; i<n; i++)
    {
    document.write("<tr>")
        for (j=0; j<n; j++)
            {
            if(i<=j && i>=(n-1-j))
                 s ="class='r1'";
            else s = "class='r2'";
            document.write("<td " +s+ "></td>");
            }
    document.write("</tr>")
    }
document.write("</table>")

второй.
Код:
            if(Math.abs(i-j)<2 || Math.abs(i-(n-1-j))<2)
                 s ="class='r1'";
            else s = "class='r2'";

Последний раз редактировалось Serge_Bliznykov; 11.12.2017 в 14:00.
Serge_Bliznykov вне форума Ответить с цитированием
Старый 11.12.2017, 14:14   #3
Skeleton92
Пользователь
 
Регистрация: 29.10.2015
Сообщений: 10
По умолчанию

Гениально.
Большое человеческое спасибо.
Skeleton92 вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Закрасить таблицу Skeleton92 JavaScript, Ajax 4 14.06.2017 12:01
Закрасить текст N1VaL C# (си шарп) 3 19.02.2017 22:32
Создать таблицу и закрасить её ячейки так, как это показано на приложенном рисунке Chips186 JavaScript, Ajax 4 20.12.2016 00:09
Закрасить ячейки amadeus017 Microsoft Office Excel 8 06.05.2015 15:28
Закрасить область badaladanbad Win Api 3 20.04.2011 17:05