28.10.2016, 09:59
|
Профессор
|
|
Регистрация: 15.09.2015
Сообщений: 180
|
|
рони,
тогда первые 4 заливает, другие нет
|
|
28.10.2016, 10:05
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,127
|
|
Сообщение от Sav2907
|
тогда первые 4 заливает, другие нет
|
и чего делать?
|
|
28.10.2016, 10:07
|
Профессор
|
|
Регистрация: 15.09.2015
Сообщений: 180
|
|
Сообщение от рони
|
и чего делать?
|
как сделать чтобы заливались первые 3 уникальные, и так до конца. Типа синий, желтый, красный, синий, желтый, красный ....
|
|
28.10.2016, 10:08
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,127
|
|
Sav2907,
bgcolors напишите с запасом
|
|
28.10.2016, 10:14
|
Профессор
|
|
Регистрация: 15.09.2015
Сообщений: 180
|
|
Сообщение от рони
|
Sav2907,
bgcolors напишите с запасом
|
Типа так
|
|
28.10.2016, 10:14
|
|
Профессор
|
|
Регистрация: 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);
}
var i = -1, len = bgcolors.length;
[].reduce.call(d, function(b, c) {
var a = c.textContent,
a = b[a] || (i = ++i%len,b[a] = bgcolors[i]);
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>
<tr><td>eee</td><td>ytutyu</td><td>32r23r</td></tr>
</table>
</body>
</html>
|
|
28.10.2016, 10:18
|
|
Профессор
|
|
Регистрация: 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 f = document.querySelectorAll("tr td:nth-child(1)"),
d = ["C5D9F1", "C4BD97", "E6B8B7"],
b = -1,
g = d.length;
[].reduce.call(f, function(c, e) {
var a = e.textContent,
a = c[a] || (b = ++b % g, c[a] = d[b]);
e.parentNode.style.backgroundColor = "#" + a;
return c
}, {})
});
</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>
<tr><td>eee</td><td>ytutyu</td><td>32r23r</td></tr>
</table>
</body>
</html>
|
|
28.10.2016, 10:26
|
Профессор
|
|
Регистрация: 15.09.2015
Сообщений: 180
|
|
рони,
Да, это оно, спасибо
|
|
|
|