Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 31.03.2010, 12:25
Новичок на форуме
Отправить личное сообщение для ansbcn Посмотреть профиль Найти все сообщения от ansbcn
 
Регистрация: 31.03.2010
Сообщений: 2

таблица с различным цветом строк (while)
Всем привет!

делаю первые шаги в JS, нужна помошь.

Сделал таблицу с FOR в которой чётная строка одного цвета и не чётная другого.
<table border="1" cellspacing="0" bgcolor="#FF00FF" width="100%">
        <script language="javascript">
                        var rows=21;
                        for( i=1; i<=rows; i++){
                                if( i%2==0){
                                        document.write('<tr bgcolor="#656565">');
                                }else{
                                        document.write('<tr bgcolor="#999999">');       
                                }
                                document.write('<td width="20" align="rigth"> '+i+' </td>');
                                document.write('<td>&nbsp;</td>');
                                document.write('</tr>');
                        }
                </script>
    </table>

есть ли возможность сделать с WHILE чтобы 1,4,7,10... один цвет, 2,5,8,11.. другой и 3,6,9,12,15... третий
попробывал и не получается:
<table border="1" bordercolor="#FF0000">
                <script language="javascript" type="text/javascript">
                        var rows=15;
                        var cellds=5;
                        var f=1;
                        while (f<=rows){
                                        document.write('<tr bgcolor="#999999">');
                                        document.write('<tr bgcolor="#cccccc">');       
                                        document.write('<tr bgcolor="#EEEEEE">');       
                                        var c=1;
                                        while(c<=cellds){
                                                document.write('<td align="center"><label>fla:'+f+', clmna:'+c+'</label></td>');
                                                c++;
                                        }
                                document.write('</tr>');
                                f++;
                        }
                        </script>
          </table>


Кто нибудь может помочь?
... и пож. попроще.

Заранее благодарю
Ответить с цитированием
  #2 (permalink)  
Старый 31.03.2010, 12:27
Новичок на форуме
Отправить личное сообщение для Kolyaj Посмотреть профиль Найти все сообщения от Kolyaj
 
Регистрация: 19.02.2008
Сообщений: 9,177

Сообщение от ansbcn
чтобы 1,4,7,10... один цвет, 2,5,8,11.. другой и 3,6,9,12,15... третий
А где вот эти слова у вас в коде?
Ответить с цитированием
  #3 (permalink)  
Старый 31.03.2010, 12:45
Новичок на форуме
Отправить личное сообщение для ansbcn Посмотреть профиль Найти все сообщения от ansbcn
 
Регистрация: 31.03.2010
Сообщений: 2

так вот это и хотелось бы добавить но как?????????????
document.write('<tr bgcolor="#999999"> +f ???');
что то как var f=f+3
прогрессия f
Ответить с цитированием
  #4 (permalink)  
Старый 31.03.2010, 12:51
Аватар для subzey
Пионэр
Отправить личное сообщение для subzey Посмотреть профиль Найти все сообщения от subzey
 
Регистрация: 16.11.2009
Сообщений: 1,322

Используйте оператор Switch
Ответить с цитированием
  #5 (permalink)  
Старый 31.03.2010, 14:26
Аватар для SkyLight
Злюка-бобер
Отправить личное сообщение для SkyLight Посмотреть профиль Найти все сообщения от SkyLight
 
Регистрация: 21.03.2010
Сообщений: 438

var rows = 15;
var colors = ['red', 'green', 'blue'];
var color = 0;
for (var i = 0; i < rows; i++) {
	document.write('<tr bgcolor="' + colors[color] + '">');
	document.write('<td>Cell 1</td><td>Cell 2</td>');
	document.write('</tr>');
	color = ++color % colors.length;
}
__________________
In WEB We Trust
У всех есть своя темная сторона...
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Динамическое удаление строк таблицы Tankist Events/DOM/Window 16 03.07.2013 16:42
Подсчитать кол-во строк в таблице? bobroff jQuery 3 04.12.2009 12:29
Добавление строк в текущий документ deerstop Общие вопросы Javascript 11 24.09.2009 23:17
Автоматическая подсветка строк таблицы mihha Элементы интерфейса 5 01.02.2009 01:28
поменять цвет у нескольких строк в таблице Root Элементы интерфейса 4 21.04.2008 10:30