код $CLASS$ в доске объявлений... - Форум интересных решений

[ Новые сообщения · Участники · Поиск по форуму · RSS ]

Страница 1 из 1 1
Модератор форума: Gaara, kydapodatsya

код $CLASS$ в доске объявлений...

MyPlace

Дата: 29 Сентября 2010, 01:00 | Сообщение # 1

● ● ● ● ●

58 сообщений

« -6 »

0 наград

Статус: Offline

Здравствуйте! Сразу говорю, что курил форум долго и внимательно!

Помогите пожалуйста сделать, чтобы строки в таблице (модуль Доска
объявлений) чередовались
классами... ну типа первая строка - class1, вторая строка - class2,
третья - опять class1 и т.д.

На самом деле требуется только все чётные (или нечётные) строки
выделить цветом.. как на auto.ru, например...

к несчастью код $CLASS$ из комментариев с его .cBlockA и .cBlockB не работают здесь...

Нашёл здесь скриптовое решение:
http://forum.ucoz.ru/forum/23-14548-607922-16-1275843643

Но мне не нужны сложности типа "пробегаемся по всем таблицам и ищем класс
zebra" и т.п.

Нужно просто, чтоб все строки с таким-то ID или классом стали зеброй.

Вот код вида материалов:

Code

<tbody onMouseOver="this.className='catCtA'; document.getElementById('brdR$ID$').className = 'brdROn';" onMouseOut="this.className='catCt'; document.getElementById('brdR$ID$').className = 'brdR';" style="cursor:pointer;" class="catCt">
<tr id="nomat">
<td class="eTitle"><a href="$ENTRY_URL$">$TITLE$</a></td>
<td align="center">$CATEGORY_NAME$</td>
<td align="center">$FILTER2_VALUE$</td>
<td align="center">$FILTER3_VALUE$</td>
<td align="center"><?if($IMG_URL1$)?>$DATE$</td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
</tr>
<tr height="1"></tr>
</tbody>

Вот желательно ко всем чётным (или нечётным) <tr> применить отдельный
класс...

В "Страница со списком материалов категории" пытаюсь сделать так (в
конце скрипт)... не получается:

Code

<html>
<head>

<title>Сайт</title>
<link type="image/x-icon" rel="shortcut icon" href="favicon.ico" />
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
</head>

<body style="background:#FFFFFF; margin:0px; padding:0px;">

$ADMIN_BAR$

<div style="width:100%;text-align:center;">

<table border="0" cellpadding="0" width="900" cellspacing="0" style="border-top:2px double #DEDEDE;border-left:1px solid #DEDEDE;border-right:1px solid #DEDEDE;padding:0 1px 0 1px;margin-left:auto;margin-right:auto;">

<td valign="top" style="background:#FFFFFF;">
   <table cellpadding="0" cellspacing="0" border="0" width="100%">
   <tr>


<td width="172" height="65" style="border:1px double #DEDEDE;background:#FFFFFF;" align="center"><a style="outline:none" href="/"><img src="/LOGO.gif" border="0"></a></td>


<td>$GLOBAL_TOPREKLAMA$</td>
</tr>
   <tr><td colspan="2" height="11" style="background:url('/.s/t/997/6.gif');"></td></tr>
   </table>
   <table cellpadding="2" cellspacing="0" border="0" width="100%">
   <tr><td colspan="2" style="border:1 px solid #D7D7D7;padding:5px;"><table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td id="secname" width="80%" style="font-size:10pt;font-weight:bold">$SECTION_NAME$</td>
</tr>
</table>

<table cellpadding="2" cellspacing="0" border="0" width="100%">
<td>Фильтр: $FILTER3_MENU$ $FILTER1_MENU$ $FILTER2_MENU$</td><td align="right" style="font-size:9pt; padding-bottom:2px"><a class="links" href="/board/">Поиск</a> • <a class="links" href="/">Главная страница</a></td>
<?if($SORTING_MENU$)?>Сортировать по: $SORTING_MENU$<hr /><?endif?>
</table>

<table border="0" cellpadding="0" cellspacing="0" width="100%" id="nomat" style="margin-top:4px">
<tbody class="headTr">
<tr>
<td style="font-size:7pt;" align="center">Поле1</td>
<td style="font-size:7pt;" align="center" width="5%">Поле2</td>
<td style="font-size:7pt;" align="center" width="7%">Поле3</td>
<td style="font-size:7pt;" align="center" width="8%">Поле4</td>
<td style="font-size:7pt;" align="center">Поле5</td>
<td style="font-size:7pt;" align="center" width="8%">Поле6</td>
<td style="font-size:7pt;" align="center">Поле7</td>
<td style="font-size:7pt;" align="center" width="6%">Поле8</td>
<td style="font-size:7pt;" align="left">Поле9</td>
<td style="font-size:7pt;" align="center" width="7%">Поле10</td>
<td style="font-size:7pt;" align="center">Поле11</td>
</tr>
</tbody>
<tr><td colspan="21" height="3"></td></tr>
$BODY$
</table>

<?if($PAGE_SELECTOR$)?><div style="text-align:center; padding-top:5px">$PAGE_SELECTOR$</div><?endif?></td></tr>
   </table>
</td>
</tr>

<tr><td colspan="2">
$GLOBAL_BFOOTER$
</td></tr>

</table>

</div>

</body>

</html>

<script type="text/javascript">
zebraTable = function() {

// Получаем массив всех строк в нужной таблице
   tr = document.getElementsById("nomat");

// Пробегаемся по всем строкам таблицы
   for (j = 0; j < tr.length; j++) {

// Для нечетных строк устанавливаем class="odd"
   if (j%2) tr[j].className = "odd";
   }
   }
window.onload = zebraTable;
</script>
<style type="text/css">

table.zebra tbody tr {
   background: #f0f0f0; /* Цвет фона четных строк */
}
table.zebra tbody tr.odd {
   background: #ccc; /* Цвет фона нечетных строк */
}
</style>

Можно как-нибудь простым способом решить столь простую, на первый
взгляд задачу?

код $CLASS$ в доске объявлений...

Страница 1 из 1
1

U.Helper