Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
st-kontora
0 / 0 / 1
Регистрация: 26.03.2011
Сообщений: 73
#1

Закрасить ячейки в соответствии со значением - JavaScript

25.05.2015, 17:40. Просмотров 311. Ответов 2
Метки нет (Все метки)

Всем привет!
Столкнулся с такой проблемой.
Есть таблица

HTML5
1
2
3
4
5
6
7
8
9
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
</table>
К этой таблице условие, надо закрасить ячейки. Если в ячейке значение меньше 3, то красным, если больше, то зеленым.

Пробовал через nth-child и еще вот так http://jsfiddle.net/M5AUc/4/ , но того что надо не получается. В указанном примере под каждый класс приходится писать ready function, а таблица будет динамическая.

То есть надо чтобы скрипт проходил по таблице и в соответствии со значением в ячейке закрашивал ее по условию.

Буду очень признателен за помощь.
0
Лучшие ответы (1)
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
25.05.2015, 17:40
Я подобрал для вас темы с готовыми решениями и ответами на вопрос Закрасить ячейки в соответствии со значением (JavaScript):

Фон каждой ячейки таблицы закрасить случайным цветом
Помогите, нужно чтобы каждая ячейка таблицы была закрашена случайным цветом. У...

Создать таблицу и закрасить её ячейки так, как это показано на приложенном рисунке
Буду вам очень благодарен если вы поможете мне написать скрипт на это задание....

Изменение ячейки таблицы на текстовое поле с содержанием ячейки при клике на неё
Доброго времени суток! Подскажите, как реализовать? Есть некая таблица, в...

Как закрасить ячейки таблицы в зависимости от данных
Не подскажете код который будет закрашивать ячейки в зависимости от...

Закрасить элементы матрицы в соответствии с рисунком...
Дана матрица NxN, закрасить её элементы в соответствии с рисунком (рисунок...

Закрасить фон canvas в соответствии с выбором пользователя
есть combobox. в нем пункты-цвета. надо выбирать цвет и закрашивать конву этим...

2
alexsamos33
617 / 597 / 326
Регистрация: 26.04.2014
Сообщений: 1,968
26.05.2015, 15:02 #2
Лучший ответ Сообщение было отмечено st-kontora как решение

Решение

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<html>
<head>
<title>table</title>
<meta charset="UTF-8">
</head>
<body>
<br>
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
</table>
<script>
oTable = document.getElementsByTagName("table")[0];
oRows = oTable.rows;
for (i = 0; i < oRows.length; i++) {
oCols = oRows[i].cells;
for (j = 0; j < oCols.length; j++) {
num = parseInt(oCols[j].innerHTML);
if (num < 3) oCols[j].style.color = "red";
if (num >= 3) oCols[j].style.color = "green";
}
}
</script>
<br>
</body>
</html>
1
st-kontora
0 / 0 / 1
Регистрация: 26.03.2011
Сообщений: 73
26.05.2015, 15:45  [ТС] #3
Спасибо за помощь!
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
26.05.2015, 15:45
Привет! Вот еще темы с решениями:

Закрасить файл из ListBox в соответствии с его расширением
Здравствуйте, подскажите в чем ошибка. Код работает некорректно. имееттся...

Закрасить ячейку с минимальным значением
Дорогие форумчане, помогите пожалуйста справиться с задачей. Заполнить таблицу...

Закрасить целую строку с определенным значением
В таблице string grid есть разные значения как по нажатию кнопки закрасить...

Вывод времени года в соответствии со значением N
Задан N номер месяца. Составьте алгоритм на языке блок-схем и программу для...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru