20 Mar 2009

Kolorowanie rekordów

<script>
  $(function () {
    $('.zebra tr:even').addClass('even');
    $('.zebra tr:odd').addClass('odd');
  });
</script>
 
<style>
  .zebra tr.even td,
  .zebra tr.even th {
    background-color: #FFF;
  }
  .zebra tr.odd td {
    background-color: #A9C0E0;
  }
</style>

<table class='zebra'>
  <thead>
    <tr>
      <th>pierwsza</th>
      <th>druga</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>2009-03-20
      <td>
      <td>1
      <td>
    </tr>
    <tr>
      <td>2009-03-20
      <td>
      <td>2
      <td>
    </tr>
    <tr>
      <td>2009-03-20
      <td>
      <td>3
      <td>
    </tr>
  <tbody>
</table>
20 Mar 2009

Kolorowanie listowania

<script>
  $().ready(function () {
    var $a = $('.menu a');
    $a.click(function () {
      $a.removeClass('setm');
      $(this).addClass('setm');
    });
    $('.menu a:first').addClass('setm');
  });
</script>

<style>
  .setm {
    background-color: red;
  }
</style>

<div class="menu">
  <ul>
    <li><a href="#1" title="pierwsze">pierwsze</a></li>
    <li><a href="#2" title="drugie">drugie</a></li>
    <li><a href="#3" title="trzecie">trzecie</a></li>
  </ul>
</div>