Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   таблица с различным цветом строк (while) (https://javascript.ru/forum/misc/8529-tablica-s-razlichnym-cvetom-strok-while.html)

ansbcn 31.03.2010 12:25

таблица с различным цветом строк (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>


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

Заранее благодарю

Kolyaj 31.03.2010 12:27

Цитата:

Сообщение от ansbcn
чтобы 1,4,7,10... один цвет, 2,5,8,11.. другой и 3,6,9,12,15... третий

А где вот эти слова у вас в коде?

ansbcn 31.03.2010 12:45

так вот это и хотелось бы добавить но как?????????????
document.write('<tr bgcolor="#999999"> +f ???');
что то как var f=f+3
прогрессия f

subzey 31.03.2010 12:51

Используйте оператор Switch

SkyLight 31.03.2010 14:26

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;
}


Часовой пояс GMT +3, время: 13:37.