Подсветка строк таблицы как?

Тема в разделе "Веб-дизайн", создана пользователем dandandan, 30 апр 2010.

Статус темы:
Закрыта.
Модераторы: zek24
  1. dandandan

    dandandan

    Регистр.:
    7 авг 2008
    Сообщения:
    991
    Симпатии:
    267
    С помощью jquery можно легко сделать так, чтобы строки таблиц попеременно были разного цвета: красный, синий, красный, синий.

    вот 1 из примеров: строки подсвечены голубой, белый.
    http://molotok.ru/48308_noutbuki.html
    А как такое можно сделать просто с помощью css ?
    Вариант в четных строках прописывать class="first" в нечетных class="second" не катит :).
     
  2. mittus

    mittus Создатель

    Регистр.:
    12 июл 2009
    Сообщения:
    72
    Симпатии:
    11
    JS:
    $(".row table tr:even:not(tr.rowTitle)").addClass("even");
    css:
    .row {background:#FFF}
    .row .even {background:#000;}
    html:
    <div class="row">
    <table>
    <tr class="rowTitle">
    <td></td>
    </tr>
    <tr>
    <td></td>
    </tr>
    <tr>
    <td></td>
    </tr>
    <tr>
    <td></td>
    </tr>
    <tr>
    <td></td>
    </tr>
    </table>
    </div>
    Каждому 2-му tr будет прибавлен класс even после обработки скрипта. Соответственно кроме 1-го tr, который может являться заголовком.
     
  3. dandandan

    dandandan

    Регистр.:
    7 авг 2008
    Сообщения:
    991
    Симпатии:
    267
    Хотелось бы исключить присутствие ява скрипта и не заморачиваться с прописанием классов для каждой четной строки (сейчас именно так и делаю).
     
  4. mittus

    mittus Создатель

    Регистр.:
    12 июл 2009
    Сообщения:
    72
    Симпатии:
    11
    Знаю еще один спорный метод, но смогу лишь намекнуть т.к. даже не понимаю, что за язык в нем задействован. Вот наглядно:

    <tr class="{%if $dat_id mod 2 == 0%}even{%else%}odd{%/if%}">

    В этом случае обработка происходит до отрисовки странички. Быть может, это php, но код явно кривожопый, т.к. был прописан в одном из tpl шаблонов на сайте с работы. Это я и переделал на Jquery.

    Добавлено через 6 минут
    Кстати вспомнил, похоже на синтаксис шаблонизатора smarty.. Вроде это оно :))
     
  5. OmeN09

    OmeN09 Писатель

    Регистр.:
    5 апр 2010
    Сообщения:
    7
    Симпатии:
    0
    mittus, спасибо. Не знаю как ТС, но мне помогло.
     
  6. ruberentis

    ruberentis Писатель

    Регистр.:
    17 июн 2010
    Сообщения:
    9
    Симпатии:
    1
    Перейти по ссылке
     
Статус темы:
Закрыта.