Как с использованием javascript или jquery выделить цветом изменения позиции в таблице?

Question

[EVOSandru6]

Добрый день.

У меня есть такая таблица HTML:

Время Рост Вес
22-03-2015 179 80
21-03-2015 181 85
20-03-2015 180 81

Или так:

<table>
   <tr>
      <td>
           Время 
      </td>
      <td>
           Рост
      </td>
      <td>
           Вес
      </td>
   </tr>
<tr>
      <td>
           22-03-2015
      </td>
      <td>
           179
      </td>
      <td>
           80
      </td>
   </tr>
<tr>
      <td>
           21-03-2015
      </td>
      <td>
           181
      </td>
      <td>
           85
      </td>
   </tr>
<tr>
      <td>
           20-03-2015
      </td>
      <td>
           180
      </td>
      <td>
           81
      </td>
   </tr>
</table>

Данные вытащил из таблицы, используя Mysql

Сортирока иде по времени от нового к старому.

Мне необходимо визуально видеть какой(ие) параметр(ы) изменился(ись) на каддой строке кроме самой нижней относительно строки ниже. И эти самые измененные параметры должны менять background или .class

Как это можно сделать?

Answer 1

[Никита]

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

Comments

[Антон Мудренок]

я тоже не понял)) но логично было бы показывать изменения до отправки формы на сервер, а держать в сессии таблицы, что бы просто показать изменения это извращенство)

[Никита]

дак у него не форма, он видимо получает данные откуда то, и выводит их в таблицу, и хочет сравнить их.
Но это я так понял, тут проблемы с пониманием

[Антон Мудренок]

Никита: если не форма, надо просто все на сервере сравнивать, создать класс checkOld и там держать текущее значения таблицы и методом сравнивать с полученными только что, но в сессии... зачем они там?))

[EVOSandru6]

Всем спасибо!

Answer 2

[Антон Мудренок]

Передавайте с сервера массив идентификаторов изменившихся значений, для них банально и меняйте стиль. Мы же за вас не можем придумать как эти значения меняются и где. Если на клиенте то можно по событию формы через функцию js поменять:

}

$("td").change(handleChange); 
funcction handleChange(e){
   // тут дополнительные проверки пишите
   $(this).css("border", "thick solid red")
}

Comments

[EVOSandru6]

Спасибо, может быть пригодится.