17 lut 2009

Kolorowanie rekordów w tabeli

Przypisanie zdarzeń do tagów

tabeli

<script>
  function add_tr_hover(id) {
    alert(id);
    var elem = document.getElementById(id);
    var lista = elem.getElementsByTagName('tr');
    for (var i = 0; i < lista.length; i++) {
      lista[i].onmouseover = function () { this.style.backgroundColor = '#EDEDED'; }
      lista[i].onmouseout = function () { this.style.backgroundColor = '#FFFFFF'; }
    }
  }
  window.onload = function () {
    add_tr_hover("cos");
  }
</script>

Przykładowy HTML tabeli

<table id="cos">
  <tr>
    <TD>jeden</TD>
  </tr>
  <tr>
    <TD>dwa</TD>
  </tr>
  <tr>
    <TD>trzy</TD>
  </tr>
  <tr>
    <TD>cztery</TD>
  </tr>
  <tr>
    <TD>pięć</TD>
  </tr>
</table>