Как сделать автоматическую раскраску строк таблицы?

[webusver]

Например, чтобы четные строки имели белый фон, а нечетные - светло-серый?

В CSS например пишем:

tr.odd_row {
    background-color: white;
}

tr.even_row {
    background-color: #fcfcf0;
}

А вот куда и какой писать php код?

И еще вдобавок. Как сделать, чтобы самая первая (верхняя) строка таблицы выделялась третьим цветом и чтобы все записи в ней выделялись жирным шрифтом?

[beliyadm]

Вообще то есть стандартные классы для чередования цветов
sectiontableentry0 sectiontableentry1 sectiontableentry2
Как сделать - можно на jquery, можно и на php - ввести счетчик и для нечетных строк для таблицы указывать нужный класс
Посмотрите на реализацию в любом стандартном компоненте где это сделано

[SmokerMan]

Посмотрите на реализацию в любом стандартном компоненте где это сделано

это реализовано в стандартном com_content при стандартном выводе, т.е. списком а не блогом.

[webusver]

Как сделать - можно на jquery, можно и на php - ввести счетчик и для нечетных строк для таблицы указывать нужный класс
Посмотрите на реализацию в любом стандартном компоненте где это сделано

Наверно, немного не о том речь?... Мне нужно, чтобы раскрашивались не заданные в созданном мной компоненте таблицы, а нужно, чтобы вообще все создаваемые таблицы в любом создаваемом материале сразу принимали такой вид. Те кто будут создавать материалы, будут просто копипастить из Wordа безо всякого оформления. И нужно, чтобы они получали соответствующую раскраску строк.

[Be(ool]

Попробуй сделать content плагин который регулярником будет находить все таблицы и корректировать стили строк.
Через CSS так неполучится, ей нужен либо ид либо класс либо контекст, в твоем случае некчему привязаться

[Mitrich]

beliyadm уже сказал
используя Jquery
в любом учебнике по jQuery - это один из первых примеров использования

[beliyadm]

в любом учебнике по jQuery - это один из первых примеров использования

ключевые слова для гугления (окромя jquery) это odd и even

[webusver]

beliyadm уже сказал
используя Jquery
в любом учебнике по jQuery - это один из первых примеров использования

Спасибо! Однако! Все раааскрааасииилооось в полосочку... Все материалы на сайте заключены в таблицы, куча модулей и плагинов тоже состоят из таблиц... Все теперь абсолютно все полосатое... Жесть!

Тогда добавил в css

.contentpaneopen td {
  background-color: #fff;
}

.blog td {
  background-color: #fff;
}

раскраска исчезла... и причем везде... ну совсем везде... А как надо было?

PS А за jQuery спасибо!

[webusver]

В js файл добавил:

$(document).ready(function() {
      $('tr:odd').addClass('odd');
      $('tr:even').addClass('even');
});

Может вместо document надо что-то другое подставить? Что?

В CSS файле:

.odd {
  background-color: #ffc;
}
.even {
  background-color: #cef;
}

[beliyadm]

Для таблицы добавьте для тега TR какой нибудь класс (либо для всего table лучше) и в скрипте пишите от него наследование

Код

<table id="tableoddeven">
.....
</table>

Код

$(document).ready(function() {
      $('#tableoddeven tr:odd').addClass('odd');
      $('#tableoddeven tr:even').addClass('even');
});

Тогда чередование строк должно будет работать только для элемента с ID tableoddeven

[webusver]

Сработало. Спасибо.

PS Вот, если кому еще интересно будет: http://dreamhelg.ru/2009/02/jquery3/

[Sedoy]

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

[turist]

Хочу аналогично раскрасить строчки. Помогите разобраться с jquery

В качестве примера выбрал инструкцию: http://www.linkexchanger.su/2008/67.html

Размещаю .js файлы библиотеки и скрипта в папке шаблон / scr, добавляю в HTML шаблона (в head) <script type="text/javascript" src="js/jquery.js"></script> и <script type="text/javascript" src="js/jquery.zebra.js"></script>

Не работает вообще никак ((

[beliyadm]

да не надо никаких плагинов, посмотрите на мой пример выше http://joomlaforum.ru/index.php/topic,80099.msg467302.html#msg467302

[turist]

да не надо никаких плагинов, посмотрите на мой пример выше http://joomlaforum.ru/index.php/topic,80099.msg467302.html#msg467302

пример видел. откровенно лошу и не понимаю, куда это прописать )

[beliyadm]

JS код в index.php шаблона в блок HEAD после подключения квери
таблицу (либо другой элемент) с указанным ID в материал или любое другое место
это может быть и список

Код

<ul id="tableoddeven">
 <li>odd</li>
 <li>even</li>
</ul>

Только тогда JS должен быть таким

Код

$(document).ready(function() {
      $('#tableoddeven li:odd').addClass('odd');
      $('#tableoddeven li:even').addClass('even');
});