Форум программистов
 
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.

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

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

Ответ
 
Опции темы
Старый 11.12.2017, 14:45   #1
Skeleton92
Пользователь
 
Регистрация: 29.10.2015
Сообщений: 10
Репутация: 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 Кб, 6 просмотров)
Skeleton92 вне форума   Ответить с цитированием
Старый 11.12.2017, 14:57   #2
Serge_Bliznykov
МегаМодератор
СуперМодератор
 
Регистрация: 09.01.2008
Сообщений: 23,429
Репутация: 5187
По умолчанию

первый.

Код:

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 в 15:00.
Serge_Bliznykov вне форума   Ответить с цитированием
Старый 11.12.2017, 15:14   #3
Skeleton92
Пользователь
 
Регистрация: 29.10.2015
Сообщений: 10
Репутация: 10
По умолчанию

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

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

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


01:47.


Powered by vBulletin® Version 3.8.8 Beta 2
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.

RusProfile.ru


Справочник российских юридических лиц и организаций.
Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru