Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #21 (permalink)  
Старый 28.10.2016, 09:59
Профессор
Отправить личное сообщение для Sav2907 Посмотреть профиль Найти все сообщения от Sav2907
 
Регистрация: 15.09.2015
Сообщений: 180

рони,
тогда первые 4 заливает, другие нет
Ответить с цитированием
  #22 (permalink)  
Старый 28.10.2016, 10:05
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,127

Сообщение от Sav2907
тогда первые 4 заливает, другие нет
и чего делать?
Ответить с цитированием
  #23 (permalink)  
Старый 28.10.2016, 10:07
Профессор
Отправить личное сообщение для Sav2907 Посмотреть профиль Найти все сообщения от Sav2907
 
Регистрация: 15.09.2015
Сообщений: 180

Сообщение от рони Посмотреть сообщение
и чего делать?
как сделать чтобы заливались первые 3 уникальные, и так до конца. Типа синий, желтый, красный, синий, желтый, красный ....
Ответить с цитированием
  #24 (permalink)  
Старый 28.10.2016, 10:08
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,127

Sav2907,
bgcolors напишите с запасом
Ответить с цитированием
  #25 (permalink)  
Старый 28.10.2016, 10:14
Профессор
Отправить личное сообщение для Sav2907 Посмотреть профиль Найти все сообщения от Sav2907
 
Регистрация: 15.09.2015
Сообщений: 180

Сообщение от рони Посмотреть сообщение
Sav2907,
bgcolors напишите с запасом
Типа так
Ответить с цитированием
  #26 (permalink)  
Старый 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>
Ответить с цитированием
  #27 (permalink)  
Старый 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 (permalink)  
Старый 28.10.2016, 10:26
Профессор
Отправить личное сообщение для Sav2907 Посмотреть профиль Найти все сообщения от Sav2907
 
Регистрация: 15.09.2015
Сообщений: 180

рони,
Да, это оно, спасибо
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Добавление строк в таблицу и скрытие таблицы. III Общие вопросы Javascript 39 20.11.2015 10:05
Динамическое удаление строк таблицы Tankist Events/DOM/Window 16 03.07.2013 16:42
Изменение окраски строк таблицы, исходя из данных? Space-06 Events/DOM/Window 4 14.02.2012 21:32
Вопрос по each() и перебору строк таблицы battrack jQuery 1 09.02.2012 14:30
Перемещение строк таблицы в Firefox barcelona jQuery 17 23.02.2009 15:41