Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / JQwery - раскрасить таблицу цветом строчку через одну / 25 сообщений из 30, страница 1 из 2
  1  все
22.09.2012, 15:44:35
    #37968291
катастрофа
катастрофа
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQwery - раскрасить таблицу цветом строчку через одну
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, 16:12:08
    #37968304
Edd.Dragon
Edd.Dragon
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQwery - раскрасить таблицу цветом строчку через одну
авторНу а теперь – jQuery: $("tr:nth-child(odd)").addClass("odd");
Не вижу обращения к таблице. Или jQuery само догадывается, что ты разукрасить собрался?

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

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

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

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

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

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


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

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

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

var tables = document.getElementsByTagName("table"); /*- ясно переменной tables getElementByTagName(), то есть взять элемент по его имени*/
здесь
for ( var t = 0; t < tables.length; t++ ) {
присвоить переменной t значение
t < tables.length - без условия не понятно!!??? зачем это
переменной t увеличить значение на один
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.09.2012, 10:42:50
    #37968586
-zb-
-zb-
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQwery - раскрасить таблицу цветом строчку через одну
 
развлекайся
Код: 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, 11:01:12
    #37968595
катастрофа
катастрофа
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQwery - раскрасить таблицу цветом строчку через одну
-zb-,
спасибо, попробую, но решил всё же понять, строку
for ( var t = 0; t < tables.length; t++ ) {
я понял так
/*цикл начальное значение счётчика — 0 - почему от ноля??? должно же быть от 1цы!!
граница — до количества таблиц, то есть все кроме последней, правильно? - идиоты!
шаг — 1 (каждое следующее целое число, "++" Увеличение на 1)*/
с такими примерами многому не научишся
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.09.2012, 11:15:41
    #37968599
катастрофа
катастрофа
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQwery - раскрасить таблицу цветом строчку через одну
zb-развлекайся
разочарование, когда на странице несколько таблиц, тогда раскрашивание сквозное, а нужно чтобы каждая таблица отдельно раскрашивалась
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.09.2012, 13:27:42
    #37968662
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQwery - раскрасить таблицу цветом строчку через одну
катастрофа-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, 14:02:23
    #37968684
катастрофа
катастрофа
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQwery - раскрасить таблицу цветом строчку через одну
skyANA, спасибо, этого мне для понятия хватает
То есть Вы получаете массив элементов TABLE, коотрые есть на странице.
Массивы в JavaScript zero-based, то есть индексация начинается с нуля, а не с единицы!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.09.2012, 18:10:05
    #37968864
-zb-
-zb-
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQwery - раскрасить таблицу цветом строчку через одну
автора нужно чтобы каждая таблица отдельно раскрашивалась
как бэ (пока) денег я не получил!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.09.2012, 19:22:36
    #37968940
катастрофа
катастрофа
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQwery - раскрасить таблицу цветом строчку через одну
-zb-, перефразирую нужно желательно
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.09.2012, 20:14:46
    #37968993
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQwery - раскрасить таблицу цветом строчку через одну
катастрофа,

А так, впадлу:
Код: 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, 21:44:55
    #37969077
катастрофа
катастрофа
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQwery - раскрасить таблицу цветом строчку через одну
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:49:30
    #37969081
Edd.Dragon
Edd.Dragon
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQwery - раскрасить таблицу цветом строчку через одну
катастрофа... (с)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
  1  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / JQwery - раскрасить таблицу цветом строчку через одну / 25 сообщений из 30, страница 1 из 2
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 373ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1449308]:
 0ms
get settings:
 9ms
get forum list:
 20ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 37ms
get topic data:
 12ms
get forum data:
 3ms
get page messages:
 78ms
get tp. blocked users:
 2ms
others: 204ms
total:  373ms
x
x
Закрыть


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