Выделение строк в таблице через одну
Aleko
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
Сразу смотрим пример работы простенького скрипта: пример Скрипт присваивает, в каждой таблице с классом tdlight , каждой второй строке класс tdlighted с которым в стилях вы можете делать всё что угодно. Например выделять каждую вторую строку.
Спасибо в рейтинг пожалуйста))
Код примера:
Code
<html>
<head>
<style type='text/css'>
body, td{font:12px Tahoma, Verdana;color:#777777;}
.tdlighted {background-color:#ebebeb;}
</style>
</head>
<body>
<table class='tdlight' width="0" border="0" cellspacing="0" cellpadding="3">
<tr>
<td>колонка</td>
<td>колонка</td>
<td>колонка</td>
</tr>
<tr>
<td>колонка</td>
<td>колонка</td>
<td>колонка</td>
</tr>
<tr>
<td>колонка</td>
<td>колонка</td>
<td>колонка</td>
</tr>
<tr>
<td>колонка</td>
<td>колонка</td>
<td>колонка</td>
</tr>
<tr>
<td>колонка</td>
<td>колонка</td>
<td>колонка</td>
</tr>
<tr>
<td>колонка</td>
<td>колонка</td>
<td>колонка</td>
</table>
<script>
function ligntRows(){var g=document.getElementsByTagName("*"),a,b,f=g.length,e=new RegExp("(^|\\b)tdlight(\\b|$)");while(f--){if(e.test(g[f].className)){a=g[f].getElementsByTagName("TR");for(b=0;b<a.length;b=b+2){a[b].className="tdlighted"}}}};
ligntRows();
</script>
</body>
</html>
Бесплатные обои.
Avenger
молчун
Группа: Пользователи
Пользователь №: 309
Сообщений: 21
Большущее спасибо! Замучался искать способы по мимо php! Спасибо!
chu4___x
говорун
Группа: Проверенные
Пользователь №: 13
Сообщений: 211
Получено оценок: 19
Code
table.tdlight tr:nth-child(odd) td {background-color:#ebebeb}
«POST данные для модулей системы »
Aleko
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
Quote (chu4___x )
Правда не все браузеры понимают.
Бесплатные обои.
-=FoX=-
молчун
Группа: Проверенные
Пользователь №: 31
Сообщений: 18
Получено оценок: 3
с jq скрипт можно сократить в одну строчку
Aleko
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
Он и так в одну строчку)) А jq сама ой сколько весит. Напомню, что обсуждая скрипт мы абстрагируемся от ucoz, которая навязывает этот фреймворк-мутант. Бесплатные обои.
-=FoX=-
молчун
Группа: Проверенные
Пользователь №: 31
Сообщений: 18
Получено оценок: 3
Ну да еслиб jq небылбы сразу подключен на ucoz то я бы не стал заикаться о кротости кода )))
Quote (Aleko )
фреймворк-мутант
Сообщение отредактировал -=FoX=- - Пятница, 16.10.2009, 02:20
mulekula
Группа: Пользователи
Пользователь №: 752
Сообщений: 1
а как зделать с информерами
SanyaJkee
Группа: Проверенные
Пользователь №: 3160
Сообщений: 20
Что то не работает!
RevoRen
Группа: Проверенные
Пользователь №: 3249
Сообщений: 214
SanyaJkee , кривые руки. Все работает.Follow your Destiny
Colin
Группа: Проверенные
Пользователь №: 1888
Сообщений: 132
Получено оценок: 8
Quote (Aleko )
body, td{font:12px Tahoma, Verdana;color:#777777;}
Aleko , а можно в стиле «шахматной доски» сделать?Мультфильм Маша и медведь смотреть онлайн бесплатно.
Infamous
Группа: Проверенные
Пользователь №: 316
Сообщений: 158
Получено оценок: 21
Colin ,
Code
<style type='text/css'>
.chessboard td {
width: 44px;
height: 44px;
background: #EEEEEE;
}
.black {
background: #000000 !important;
}
</style>
<table class='chessboard'>
<tr>
<td></td><td></td><td></td><td></td>
<td></td><td></td><td></td><td></td>
</tr>
<tr>
<td></td><td></td><td></td><td></td>
<td></td><td></td><td></td><td></td>
</tr>
<tr>
<td></td><td></td><td></td><td></td>
<td></td><td></td><td></td><td></td>
</tr>
<tr>
<td></td><td></td><td></td><td></td>
<td></td><td></td><td></td><td></td>
</tr>
<tr>
<td></td><td></td><td></td><td></td>
<td></td><td></td><td></td><td></td>
</tr>
<tr>
<td></td><td></td><td></td><td></td>
<td></td><td></td><td></td><td></td>
</tr>
<tr>
<td></td><td></td><td></td><td></td>
<td></td><td></td><td></td><td></td>
</tr>
<tr>
<td></td><td></td><td></td><td></td>
<td></td><td></td><td></td><td></td>
</tr>
</table>
<script type='text/javascript'>
(function () {
var tables = document.getElementsByTagName("TABLE");
for (var i = 0; i < tables.length; i++)
if (/\bchessboard\b/.test(tables[i].className))
for (var j = 0; j < tables[i].rows.length; j++)
for (var k = +!(j % 2); k < tables[i].rows[j].cells.length; k += 2)
tables[i].rows[j].cells[k].className += " black";
})();
</script>
Colin
Группа: Проверенные
Пользователь №: 1888
Сообщений: 132
Получено оценок: 8
Infamous , благодарю Мультфильм Маша и медведь смотреть онлайн бесплатно.
