ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / JQwery - раскрасить таблицу цветом строчку через одну
25 сообщений из 30, страница 1 из 2
  1  все
JQwery - раскрасить таблицу цветом строчку через одну
    #37968291
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
катастрофа
Участник
jQuery, читаю в сети, jQuery - С места в карьер, но пример для обладающих большими знаниями:
Необходимо раскрасить таблицу цветом строчку через одну
Предполагается, что у нас есть CSS-файл, в котором определен класс «odd». Все, что нам нужно сделать, – это наделить нечетные строки в таблице эти классом. Для начала – решение на чистом Javascript:
Код: javascript
1.
2.
3.
4.
5.
6.
7.
var tables = document.getElementsByTagName("table");
for ( var t = 0; t < tables.length; t++ ) {
  var rows = tables[t].getElementsByTagName("tr");
  for ( var i = 1; i < rows.length; i += 2 )
    if ( !/(^|s)odd(s|$)/.test( rows[i].className ) )
      rows[i].className += " odd";
}



Теперь – решение, использующее одну из самых популярных на сегодняшний день библиотек, Prototype:
Код: html
1.
2.
3.
4.
5.
$$("table").each(function(table){
  Selector.findChildElements(table, ["tr"])
    .findAll(function(row,i){ return i % 2 == 1; })
    .invoke("addClassName", "odd");
});


мне только его не хватало, даже тег не знаю какой

Ну а теперь – jQuery:
Код: html
1.
$("tr:nth-child(odd)").addClass("odd");


вещь
как этот пример для общего понимания изобразить от и до, чтобы было в одном коде
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
<!DOCTYPE html>
<!--html5-->

<html>

<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8">

<title>Jquery и таблица</title>

<!--нужен файл jquery-1.8.0.min.js-->
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>

</head>

<body>


</body>
  
</html>
...
Рейтинг: 0 / 0
22.09.2012, 15:44:35
| Ответить | Цитировать | Написать  
JQwery - раскрасить таблицу цветом строчку через одну
    #37968304
Edd.Dragon
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Edd.Dragon
Участник
авторНу а теперь – jQuery: $("tr:nth-child(odd)").addClass("odd");
Не вижу обращения к таблице. Или jQuery само догадывается, что ты разукрасить собрался?

А в чем вопрос топика?
...
Рейтинг: 0 / 0
22.09.2012, 16:12:08
| Ответить | Цитировать | Написать  
JQwery - раскрасить таблицу цветом строчку через одну
    #37968317
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
катастрофа
Участник
Edd.Dragon, чего и где добавить нужно чтобы увидеть красоту жквери, там это не сказано, так как для многих как и для Вас это само собой разумеющееся, а для меня пока нет
...
Рейтинг: 0 / 0
22.09.2012, 16:45:25
| Ответить | Цитировать | Написать  
JQwery - раскрасить таблицу цветом строчку через одну
    #37968335
Edd.Dragon
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Edd.Dragon
Участник
Ну для начала надо добавить таблицу с данными, чтобы было что разукрашивать )))

А потом после таблицы добавить скрипт один из приведенных. Последний, я так понимаю, разукрасит все таблицы, если их будет несколько.
...
Рейтинг: 0 / 0
22.09.2012, 17:23:39
| Ответить | Цитировать | Написать  
JQwery - раскрасить таблицу цветом строчку через одну
    #37968336
Edd.Dragon
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Edd.Dragon
Участник
Хотя есть подозрение, что надо не таблицу добавить, а поработать над методикой самообучения. В частности, прежде чем приступать к jQuery или Prototype, изучить HTML, модель DOM и, собственно, js.
...
Рейтинг: 0 / 0
22.09.2012, 17:25:42
| Ответить | Цитировать | Написать  
JQwery - раскрасить таблицу цветом строчку через одну
    #37968343
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
катастрофа
Участник
Edd.Dragon,
>Ну для начала надо добавить таблицу с данными, чтобы было что разукрашивать )))
Это не проблема
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
<!DOCTYPE html>
<!--html5-->

<html>

<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8">

<title>Jquery и таблица</title>

<!--нужен файл jquery-1.8.0.min.js-->
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>

</head>

<body>

<table> 

	<thead><!--голова таблицы – первая строка таблицы-->
		<tr>
			<th>Name</th>
			<th>Major</th>
			<th>Sex</th>
			<th>English</th>
			<th>Japanese</th>
			<th>Calculus</th>
			<th>Geometry</th>
		</tr>
	</thead>
	<tfoot><!--подвал таблицы – последняя строка таблицы-->
		<tr>
			<th>Name</th>
			<th>Major</th>
			<th>Sex</th>
			<th>English</th>
			<th>Japanese</th>
			<th>Calculus</th>
			<th>Geometry</th>
		</tr>
	</tfoot>
	<tbody><!--тело таблицы-->
		<tr>
			<td>Student01</td>
			<td>Languages</td>
			<td>male</td>
			<td>80</td>
			<td>70</td>
			<td>75</td>
			<td>80</td>
		</tr>
		<tr>
			<td>Student02</td>
			<td>Mathematics</td>
			<td>male</td>
			<td>90</td>
			<td>88</td>
			<td>100</td>
			<td>90</td>
		</tr>
		<tr>
			<td>Student02</td>
			<td>Mathematics</td>
			<td>male</td>
			<td>90</td>
			<td>88</td>
			<td>100</td>
			<td>90</td>
		</tr>		
	</tbody>
	
</table>

</body>
  
</html>


что дальше, кроме книг)
...
Рейтинг: 0 / 0
22.09.2012, 17:43:42
| Ответить | Цитировать | Написать  
JQwery - раскрасить таблицу цветом строчку через одну
    #37968364
Edd.Dragon
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Edd.Dragon
Участник
Дальше добавляем скрипт. jQuery - это библиотека на этом скрипте. Как можно учить библиотеку на языке, который вы не знаете даже как вставить в html? Берем первую попавшуюся страницу/статью/лекцию/книгу по основам js и узнаем это оттуда (они с этого начинаются) =)
...
Рейтинг: 0 / 0
22.09.2012, 18:56:10
| Ответить | Цитировать | Написать  
JQwery - раскрасить таблицу цветом строчку через одну
    #37968365
Edd.Dragon
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Edd.Dragon
Участник
Ну блин, вы вообще сайты без скриптов сегодня где-то видели? Значит тупо правой кнопкой, "Смотреть исходник" на любом сайте.
...
Рейтинг: 0 / 0
22.09.2012, 18:56:58
| Ответить | Цитировать | Написать  
JQwery - раскрасить таблицу цветом строчку через одну
    #37968367
Edd.Dragon
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Edd.Dragon
Участник
Ну ясно, что так легче запутаться, нежели научиться...
...
Рейтинг: 0 / 0
22.09.2012, 18:57:24
| Ответить | Цитировать | Написать  
JQwery - раскрасить таблицу цветом строчку через одну
    #37968369
Edd.Dragon
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Edd.Dragon
Участник
Ну и заранее дальнейшее развитие:

- Вставил скрипт - не работает.
- Значит надо научиться смотреть ошибки js, а так же делать в нем точки останова и пошагово его выполнять (отлаживать).

А если получилось - все путем.

P.S.: Кстати, был не прав. Не обратил внимания, что в первых двух примерах не конкретная таблица берется, а просто все блоки с тегом table, т.е. все 3 скрипта окрасят все таблицы, если их будет несколько.
...
Рейтинг: 0 / 0
22.09.2012, 19:00:10
| Ответить | Цитировать | Написать  
JQwery - раскрасить таблицу цветом строчку через одну
    #37968371
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
катастрофа
Участник
Edd.Dragon,
>Как можно учить библиотеку на языке, который вы не знаете даже как вставить в html
так она же вставлена
Код: html
1.
2.
<!--нужен файл jquery-1.8.0.min.js-->
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>


1 я не пойму
Предполагается, что у нас есть CSS-файл, в котором определен класс «odd»
где тут что подправить нужно, чуток осталось:
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
103.
104.
105.
106.
107.
108.
109.
110.
111.
112.
113.
114.
<!DOCTYPE html>
<!--html5-->

<html>

<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8">

<!--
http://validator.w3.org/#validate_by_input
http://validator.w3.org/#validate_by_uri
-->

<title>Таблица со строками разного цвета</title>

<!--нужен файл jquery-1.8.0.min.js-->
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>

<style type="text/css">
/*селектор класса, где селекторы указываются после точки - ".name" - после точки указано имя класса селектора*/
.odd {
/*#0000ff - синий цвет*/
color: #0000ff;
}
table {
			text-align: left;
			font-size: 12px;
			font-family: verdana;
			background: #c0c0c0;
			cellspacing="1"
		}
 
		table thead tr,
		table tfoot tr {
			background: #c0c0c0;
		}
 
		table tbody tr {
			background: #f0f0f0;
		}
 
		td, th {
			border: 1px solid white;
		}
</style>
	
</head>

<body>

<script type="text/javascript">
$("tr:nth-child(odd)").addClass("odd");
</script>

<table> 

	<thead><!--голова таблицы – первая строка таблицы-->
		<tr>
			<th>Name</th>
			<th>Major</th>
			<th>Sex</th>
			<th>English</th>
			<th>Japanese</th>
			<th>Calculus</th>
			<th>Geometry</th>
		</tr>
	</thead>
	<tfoot><!--подвал таблицы – последняя строка таблицы-->
		<tr>
			<th>Name</th>
			<th>Major</th>
			<th>Sex</th>
			<th>English</th>
			<th>Japanese</th>
			<th>Calculus</th>
			<th>Geometry</th>
		</tr>
	</tfoot>
	<tbody><!--тело таблицы-->
		<tr>
			<td>Student01</td>
			<td>Languages</td>
			<td>male</td>
			<td>80</td>
			<td>70</td>
			<td>75</td>
			<td>80</td>
		</tr>
		<tr>
			<td>Student02</td>
			<td>Mathematics</td>
			<td>male</td>
			<td>90</td>
			<td>88</td>
			<td>100</td>
			<td>90</td>
		</tr>
		<tr>
			<td>Student02</td>
			<td>Mathematics</td>
			<td>male</td>
			<td>90</td>
			<td>88</td>
			<td>100</td>
			<td>90</td>
		</tr>		
	</tbody>
	
</table>

</body>

</html>
...
Рейтинг: 0 / 0
22.09.2012, 19:18:01
| Ответить | Цитировать | Написать  
JQwery - раскрасить таблицу цветом строчку через одну
    #37968376
Edd.Dragon
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Edd.Dragon
Участник
автортак она же вставлена
Так я же бензин залил, почему не едет? О, пойду спрошу кого-нибудь как ездить!
Не дай бог таких водителей на дороге, правда?

Ладно, тогда вопрос, как происходит обработка элементов файла html при его загрузке? Таблиц, скриптов и т.д. Это нужно знать или можно махнуть рукой, авось кто растолкует по крупицам? Не надо садиться за руль, если вы не изучили с какой стороны газ, с какой тормоз, как работает коробка передач и т.д. jQuery - это набор готового кода. Чтобы им успешно пользоваться, нужно знать вообще как пользоваться любым кодом на js и уметь хоть что-то делать без jQuery. А то получается патовая ситуация - надергал кода, сложил в коробку, но не работает.


И на кой я выше УЖЕ ответил заранее, что делать дальше?
Вы ж не на эстрасенса учитесь, чтобы угадывать, что не так. Да, опыт позволит угадывать. Но в его отсутствии необходимо пользоваться имеющимися в большинстве браузеров инструментами. Установите точку останова в своем скрипте. Скрипт тормознет. Вы осмотрите ситуацию. Научитесь выполнять пошагово скрипт. Смотреть значения переменных. Только замените jQuery на чистый js-пример. А то серфинг по недрам jQuery крайне противопоказан на начальных этапах и .min.js для этого не годится.

Но даже просто остановки в момент выполнения должно быть достаточно, чтобы понять, что никакой таблицы нет, чтобы ее разукрасить.
...
Рейтинг: 0 / 0
22.09.2012, 19:34:32
| Ответить | Цитировать | Написать  
JQwery - раскрасить таблицу цветом строчку через одну
    #37968378
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
катастрофа
Участник
Edd.Dragon, уважаемый не жалко было столько буков набирать? мне как обычно пару строк не хватает, ну сделал
<table class="odd"> - не взлетает
что делать?
...
Рейтинг: 0 / 0
22.09.2012, 19:41:42
| Ответить | Цитировать | Написать  
JQwery - раскрасить таблицу цветом строчку через одну
    #37968382
Edd.Dragon
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Edd.Dragon
Участник
Не жалко. Ответов по пару строк на 20 таких вот вопросов в сумме еще больше наберут. Достаточно одного, чтобы дать понять идиотизм ситуации.

Отложи jQuery и таки почитай о html и css что-то путнее. Потому что, до скриптов еще очень далеко, раз со статикой даже проблемы.
...
Рейтинг: 0 / 0
22.09.2012, 19:53:01
| Ответить | Цитировать | Написать  
JQwery - раскрасить таблицу цветом строчку через одну
    #37968458
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
катастрофа
Участник
Edd.Dragon, ну ладно, не помешает, если можно по строчкам джаваскрипт пример

var tables = document.getElementsByTagName("table"); /*- ясно переменной tables getElementByTagName(), то есть взять элемент по его имени*/
здесь
for ( var t = 0; t < tables.length; t++ ) {
присвоить переменной t значение
t < tables.length - без условия не понятно!!??? зачем это
переменной t увеличить значение на один
...
Рейтинг: 0 / 0
22.09.2012, 22:52:01
| Ответить | Цитировать | Написать  
JQwery - раскрасить таблицу цветом строчку через одну
    #37968586
-zb-
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
-zb-
Гость
 
развлекайся
Код: sql
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
103.
<!DOCTYPE html>
<html>
  <head>
    <title>Test Page</title>   
	<meta charset="UTF-8" />
	<!--<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>-->
	<script type="text/javascript">
		/*$(function() {
			$("tr:nth-child(odd)").addClass("odd");
		});*/
	
		window.onload = function () {
			var rows = document.getElementsByTagName('tr'),
			i, max, row, tag;								
			for(i = 0, max = rows.length; i < max; i += 2) {
				row = rows[i];	
				tag = row.parentNode.tagName;			
				if ((tag != 'THEAD' &&  tag != 'TFOOT') 
						&&	!(/\bodd\b/.test(row.className))) {					
					row.className += 'odd';
				}
			}			
		};
	</script>
	<style type="text/css">
		.odd {
			color: #0000ff;
		}
		table {
			text-align: left;
			font-size: 12px;
			font-family: verdana;
			background: #c0c0c0;
			cellspacing="1"
		} 
		table thead tr,
		table tfoot tr {
			background: #c0c0c0;
		} 
		table tbody tr {
			background: #f0f0f0;
		} 
		td, th {
			border: 1px solid white;
		}
	</style>
  </head>
  <body>	
	<table> 
	<thead><!--голова таблицы – первая строка таблицы-->
		<tr>
			<th>Name</th>
			<th>Major</th>
			<th>Sex</th>
			<th>English</th>
			<th>Japanese</th>
			<th>Calculus</th>
			<th>Geometry</th>
		</tr>
	</thead>
	<tfoot><!--подвал таблицы – последняя строка таблицы-->
		<tr>
			<th>Name</th>
			<th>Major</th>
			<th>Sex</th>
			<th>English</th>
			<th>Japanese</th>
			<th>Calculus</th>
			<th>Geometry</th>
		</tr>
	</tfoot>
	<tbody><!--тело таблицы-->
		<tr>
			<td>Student01</td>
			<td>Languages</td>
			<td>male</td>
			<td>80</td>
			<td>70</td>
			<td>75</td>
			<td>80</td>
		</tr>
		<tr>
			<td>Student02</td>
			<td>Mathematics</td>
			<td>male</td>
			<td>90</td>
			<td>88</td>
			<td>100</td>
			<td>90</td>
		</tr>
		<tr>
			<td>Student02</td>
			<td>Mathematics</td>
			<td>male</td>
			<td>90</td>
			<td>88</td>
			<td>100</td>
			<td>90</td>
		</tr>		
	</tbody>	
	</table>
  </body>
</html>

...
Рейтинг: 0 / 0
23.09.2012, 10:42:50
| Ответить | Цитировать | Написать  
JQwery - раскрасить таблицу цветом строчку через одну
    #37968595
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
катастрофа
Участник
-zb-,
спасибо, попробую, но решил всё же понять, строку
for ( var t = 0; t < tables.length; t++ ) {
я понял так
/*цикл начальное значение счётчика — 0 - почему от ноля??? должно же быть от 1цы!!
граница — до количества таблиц, то есть все кроме последней, правильно? - идиоты!
шаг — 1 (каждое следующее целое число, "++" Увеличение на 1)*/
с такими примерами многому не научишся
...
Рейтинг: 0 / 0
23.09.2012, 11:01:12
| Ответить | Цитировать | Написать  
JQwery - раскрасить таблицу цветом строчку через одну
    #37968599
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
катастрофа
Участник
zb-развлекайся
разочарование, когда на странице несколько таблиц, тогда раскрашивание сквозное, а нужно чтобы каждая таблица отдельно раскрашивалась
...
Рейтинг: 0 / 0
23.09.2012, 11:15:41
| Ответить | Цитировать | Написать  
JQwery - раскрасить таблицу цветом строчку через одну
    #37968662
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
катастрофа-zb-,
спасибо, попробую, но решил всё же понять, строку
for ( var t = 0; t < tables.length; t++ ) {
я понял так
/*цикл начальное значение счётчика — 0 - почему от ноля??? должно же быть от 1цы!!
граница — до количества таблиц, то есть все кроме последней, правильно? - идиоты!
шаг — 1 (каждое следующее целое число, "++" Увеличение на 1)*/
с такими примерами многому не научишсяУважаемый, это Вы тут идиотизмом занимаетесь :)

Код: javascript
1.
var tables = document.getElementsByTagName("table");

javascript.ru Поиск по тегу

Следующий способ - это получить все элементы с определенным тегом, и среди них искать нужный. Для этого служит document.getElementsByTagName ( tag ). Она возвращает массив из элементов , имеющих такой тег.То есть Вы получаете массив элементов TABLE, коотрые есть на странице.
Массивы в JavaScript zero-based, то есть индексация начинается с нуля, а не с единицы!

Отсюда следующий код:
Код: javascript
1.
var t = 0

индекс последнего элемента в массиве - это length - 1 , следовательно:
Код: javascript
1.
t < tables.length


И вообще, если Вам не понятен пример, то идите сюда :)
...
Рейтинг: 0 / 0
23.09.2012, 13:27:42
| Ответить | Цитировать | Написать  
JQwery - раскрасить таблицу цветом строчку через одну
    #37968684
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
катастрофа
Участник
skyANA, спасибо, этого мне для понятия хватает
То есть Вы получаете массив элементов TABLE, коотрые есть на странице.
Массивы в JavaScript zero-based, то есть индексация начинается с нуля, а не с единицы!
...
Рейтинг: 0 / 0
23.09.2012, 14:02:23
| Ответить | Цитировать | Написать  
JQwery - раскрасить таблицу цветом строчку через одну
    #37968864
-zb-
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
-zb-
Гость
автора нужно чтобы каждая таблица отдельно раскрашивалась
как бэ (пока) денег я не получил!
...
Рейтинг: 0 / 0
23.09.2012, 18:10:05
| Ответить | Цитировать | Написать  
JQwery - раскрасить таблицу цветом строчку через одну
    #37968940
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
катастрофа
Участник
-zb-, перефразирую нужно желательно
...
Рейтинг: 0 / 0
23.09.2012, 19:22:36
| Ответить | Цитировать | Написать  
JQwery - раскрасить таблицу цветом строчку через одну
    #37968993
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
катастрофа,

А так, впадлу:
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
<html>
<body>
<table id="T1">
<tr><th>col1</th><th>col2</th><th>col3</th><th>col4</th><th>col5</th></tr>
<tr><td>col1</td><td>col2</td><td>col3</td><td>col4</td><td>col5</td></tr>
<tr><td>col1</td><td>col2</td><td>col3</td><td>col4</td><td>col5</td></tr>
<tr><td>col1</td><td>col2</td><td>col3</td><td>col4</td><td>col5</td></tr>
<tr><td>col1</td><td>col2</td><td>col3</td><td>col4</td><td>col5</td></tr>
<tr><td>col1</td><td>col2</td><td>col3</td><td>col4</td><td>col5</td></tr>
<tr><td>col1</td><td>col2</td><td>col3</td><td>col4</td><td>col5</td></tr>
<tr><td>col1</td><td>col2</td><td>col3</td><td>col4</td><td>col5</td></tr>
<tr><td>col1</td><td>col2</td><td>col3</td><td>col4</td><td>col5</td></tr>
<tr><td>col1</td><td>col2</td><td>col3</td><td>col4</td><td>col5</td></tr>
</table>
</body>
<script>
var t=document.getElementById("T1");
for (var i=1;i<t.rows.length;i++){
   t.rows[i].style.backgroundColor=i%2==1? "gold":"white";

}
</script>
</html>
...
Рейтинг: 0 / 0
23.09.2012, 20:14:46
| Ответить | Цитировать | Написать  
JQwery - раскрасить таблицу цветом строчку через одну
    #37969077
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
катастрофа
Участник
ShSerge, очень познавательно, спасибо, расшифровка
присвоить переменной t все элементы с ид T1
var t=document.getElementById("T1");
цикл от 1 до количества строк в элементах с ид T1, почему до?, тут уже вроде не цикл, а от 1 цы? и почему от 1цы, а не от 3ки? или 4ки?, шаг 1 - странно что он указывается
for (var i=1;i<t.rows.length;i++){
если чёт то золото, иначе серебро или наоборот не суть
t.rows[i].style.backgroundColor=i%2==1? "gold":"white";

}
...
Рейтинг: 0 / 0
23.09.2012, 21:44:55
| Ответить | Цитировать | Написать  
JQwery - раскрасить таблицу цветом строчку через одну
    #37969081
Edd.Dragon
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Edd.Dragon
Участник
катастрофа... (с)
...
Рейтинг: 0 / 0
23.09.2012, 21:49:30
| Ответить | Цитировать | Написать  
25 сообщений из 30, страница 1 из 2
  1  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / JQwery - раскрасить таблицу цветом строчку через одну
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=37968364&tid=1449308]:
 0ms
get settings:
 10ms
get forum list:
 13ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 175ms
get topic data:
 9ms
get forum data:
 3ms
get page messages:
 44ms
get tp. blocked users:
 1ms
others: 234ms
total:  495ms
созд. / загр.: 495ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]