Форум Flasher.ru

Форум Flasher.ru (http://www.flasher.ru/forum/index.php)
-   DHTML/JS/CSS (http://www.flasher.ru/forum/forumdisplay.php?f=24)
-   -   Чередование строк разного цвета в таблице. Как? (http://www.flasher.ru/forum/showthread.php?t=64906)

Ma$taH 16.11.2004 03:52

Чередование строк разного цвета в таблице. Как?
 
Уважаемые знатоки!

Мы всем дружным коллективом нашего исправительного учереждения № 2342234 сильно хотим узнать:

как сделать чтобы в таблице строки чередовались цветом. Напрмер первая-серая вторая белая третяя серая итд.
При всем при этом шобы ето все работало при генерировании етих самых строк PHP скриптом. (чтото типа css или хуже того js)

Заранее спасибо за ответ!

Лёва "Прыщь" и кореша.

:D

Nirva 16.11.2004 09:58

это вопрос в раздел по пхп.
если используете смарти в качестве шаблонизатора воспользуется именно для таких случаев предназначенными вещами - section
если вы не используете шаблонизатор - выводите вы явно в цикле. если таковая отсутсвует используйте переменную-счетчик, в зависимости от значения которой будет выводится то или иное значение цвета для строки.

deathstorm 16.11.2004 14:05

можно и на javascript такое замутить, зачем сервак нагружать :)

логика такая: смотришь длину таблицы, сколько в ней тр
затем применяешь математику
если номер тр делится на два без остатка то одним цветом
иначе другим

Ma$taH 16.11.2004 15:28

Нельзяли от теории перейти к практике?

Ma$taH 16.11.2004 15:41

Вопрос снят
 
Нашел сам.
Если кому интересно;

+++++++++++++++++++++++++++++++

<script type="text/javascript">
onload = function() { tableChange () };

function tableChange()
{
var rows = window.document.getElementsByTagName('tr');
for(var i = 0; i < rows.length; i++)
{
(i%2==0)? rows.item(i).style.backgroundColor = "lightblue" : rows.item(i).style.backgroundColor = "E0EFEE"

} }
</script>
<tr bgcolor="#FFFFFF">
<td>&nbsp;%1%</td>
<td>&nbsp;%2%</td>
<td>&nbsp;%3%</td>
<td>&nbsp;%4%</td>
<td>&nbsp;%5%</td>
<td><div align="center"><input type="checkbox" name="add%10%3" value="1"></div></td>
</tr>

++++++++++++++++++++++++++++++++++++++++++++

juggy 16.11.2004 20:39

Приведённый выше скрипт не работает.
Я его модернизировал
Код:

function tableBG()
{
        var rows = document.getElementsByTagName('td');
        for(var i = 0; i < rows.length; i++)
        {

                if(i%2==0){
                        rows.item(i).style.backgroundColor = "#28B7FB"
                }else{
                        rows.item(i).style.backgroundColor = "#336699"
                }

        }
}



Часовой пояс GMT +4, время: 16:40.

Copyright © 1999-2008 Flasher.ru. All rights reserved.
Работает на vBulletin®. Copyright ©2000 - 2024, Jelsoft Enterprises Ltd. Перевод: zCarot
Администрация сайта не несёт ответственности за любую предоставленную посетителями информацию. Подробнее см. Правила.