27.10.2016, 22:31
|
|
Профессор
|
|
Регистрация: 15.09.2015
Сообщений: 180
|
|
Сообщение от Rise
|
|
Sav2907, где-то в цикле ...<tr class="c$a[index]"><td>$a[index]</td>... где-то в стиле .c111 { background: yellow; }...
|
Спасибо, но ваш вариант не подходит, потому что я незнаю какой индекс будет, чтобы поставить в стиле, там может быть 111 а может быть и 999, поэтому вариант от Рони именно то что нужно |
|
28.10.2016, 06:52
|
|
без статуса
|
|
Регистрация: 25.05.2012
Сообщений: 8,219
|
|
Sav2907,
Вы не вникли в ответ Rise, заготовка в стиле для классов постоянная!
Если число цветов ограничено и не изменяется в процессе просмотра, естественно удобнее стилем
к примеру
<!DOCTYPE>
<html>
<head>
<style>
table,tr,td{
border-collapse:collapse
}
table td {
min-width:73px;
border:1px solid #000;
padding:auto 3px;
}
tr td:first-child {
text-align:right;
}
tr.D111 {background: #FEFF05;}
tr.D222 {background: #9CC1E6;}
tr.D888 {background: #F4AF85;}
</style>
</head>
<body>
<table>
<tr class="D111"><td> Бла-Бла</td><td>fsdfwe</td><td>asfasfasf</td></tr>
<tr class="D111"><td> Бла-Бла</td><td>dfgdfg</td><td>asdfasfsfd</td></tr>
<tr class="D222"><td> Бла-Бла</td><td>fsdfweа</td><td>asfasfasf</td></tr>
<tr class="D888"><td> Бла-Бла</td><td>fdsfsdf</td><td>kjhkhjk</td></tr>
<tr class="D111"><td> Бла-Бла</td><td>fsdfwe</td><td>asfasfasf</td></tr>
<tr class="D222"><td> Бла-Бла</td><td>6hy56</td><td>h56h56</td></tr>
<tr class="D888"><td> Бла-Бла</td><td>6hy56</td><td>h56h56</td></tr>
<tr class="D888"><td> Бла-Бла</td><td>ytutyu</td><td>32r23r</td></tr>
</table>
</body>
</html>
Т.е. в стиле нун ток проставить соответствие Вашим цифрам (желательно с постоянной буквой в начале), вставляемым в класс, -коду цвета...
|
Цитата:
|
|
tr.D111 {background: #FEFF05;}
|
Последний раз редактировалось Deff, 28.10.2016 в 09:27.
|
|
28.10.2016, 09:20
|
|
Профессор
|
|
Регистрация: 15.09.2015
Сообщений: 180
|
|
|
Deff,
как прописать в стиль класс, который нам неизвестен??
|
|
28.10.2016, 09:22
|
|
без статуса
|
|
Регистрация: 25.05.2012
Сообщений: 8,219
|
|
|
Сообщение от Sav2907
|
Deff,
как прописать в стиль класс, который нам неизвестен??
|
Точно так же, как ты пишешь в ячейку таблицы ? Какая разница ?
Чо в скрипт вставлять в массив соответствия цифр в ячейке коду цвета, чо в стиле прописать чему цифры соответстувуют, какому цвету!
В класс пишешь те же цифры, что и в ячейку, ток желательно с буквой перед ними(Было какое то ограничение в старых браузах)...
Возможно чичас на первую букву уже нет..
Последний раз редактировалось Deff, 28.10.2016 в 09:24.
|
|
28.10.2016, 09:24
|
|
Профессор
|
|
Регистрация: 15.09.2015
Сообщений: 180
|
|
рони,
проблема с цветом шрифта
Последний раз редактировалось Sav2907, 28.10.2016 в 09:28.
|
|
28.10.2016, 09:35
|
|
Профессор
|
|
Регистрация: 15.09.2015
Сообщений: 180
|
|
|
Сообщение от Deff
|
Точно так же, как ты пишешь в ячейку таблицы ? Какая разница ?
Чо в скрипт вставлять в массив соответствия цифр в ячейке коду цвета, чо в стиле прописать чему цифры соответстувуют, какому цвету!
В класс пишешь те же цифры, что и в ячейку, ток желательно с буквой перед ними(Было какое то ограничение в старых браузах)...
Возможно чичас на первую букву уже нет..
|
$html .='<table class="ui fixed single line celled table" style="width: 70%; margin: auto; top: 4%; position: relative; z-index: 1;">';
foreach ($data as $komaxid => $rows) {
$html .= '
<tr>
<th colspan="5" style="text-align: center; font-weight: bold; background: black; color: white; height: 35px;">Komax '.$komaxid.'</th>
</tr>
<tr style="font-weight: bold;">
<th>Operator</th>
<th>XPPS Number</th>
<th>Date start</th>
<th>Date end</th>
<th>GoodParts</th>
</tr>';
sort($rows);
foreach ($rows as $key => $rows2){
$html .='<tr><td>'.$rows2['PersonnelNo'].'</td><td>'.$rows2['PPSNo'].'</td><td>'.$rows2['ActualStartCaoDtZt'].'</td><td>'.($rows2['ActualEndCaoDtZt'] == '1970-01-01 02:00:00' ? '' : $rows2['ActualEndCaoDtZt']).'</td><td>'.$rows2['GoodParts'].'</td><tr>';
}
}
$html .= '</table>';
|
|
28.10.2016, 09:36
|
 |
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,127
|
|
|
Sav2907,
где код(макет) и в чём проблема?
|
|
28.10.2016, 09:40
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,127
|
|
Sav2907,
что мешает добавить
var colors ...
c.parentNode.style.сolor = ...
|
|
28.10.2016, 09:51
|
|
Профессор
|
|
Регистрация: 15.09.2015
Сообщений: 180
|
|
|
рони,
проблема только с темной заливкой, тогда черный текст не видно
|
|
28.10.2016, 09:55
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,127
|
|
Sav2907,
как вариант ...
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
</style>
<script>
window.addEventListener("DOMContentLoaded", function() {
var d = document.querySelectorAll("tr td:nth-child(1)");
var bgcolors = ["1628B7", "B14B0B", "99C3C1"];
function inv(r)
{
return (parseInt(r, 16) ^ 0xFFFFFF | 0x1000000).toString(16).substring(1);
}
[].reduce.call(d, function(b, c) {
var a = c.textContent,
a = b[a] || (b[a] = bgcolors.pop() || "0000FF");
c.parentNode.style.backgroundColor = "#"+a;
c.parentNode.style.color = "#"+inv(a);
return b
}, {})
});
</script>
</head>
<body>
<table>
<tr><td>111</td><td>fsdfwe</td><td>asfasfasf</td></tr>
<tr><td>111</td><td>dfgdfg</td><td>asdfasfsfd</td></tr>
<tr><td>fff</td><td>fsdfwe</td><td>asfasfasf</td></tr>
<tr><td>111</td><td>fdsfsdf</td><td>kjhkhjk</td></tr>
<tr><td>fff</td><td>fsdfwe</td><td>asfasfasf</td></tr>
<tr><td>fff</td><td>6hy56</td><td>h56h56</td></tr>
<tr><td>ttt</td><td>6hy56</td><td>h56h56</td></tr>
<tr><td>ttt</td><td>ytutyu</td><td>32r23r</td></tr>
</table>
</body>
</html>
|
|
|
|
