ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Подсветка строк таблицы
25 сообщений из 44, страница 1 из 2
  1  все
Подсветка строк таблицы
    #35642467
Rollie
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Rollie
Гость
Привет, появился ещё один вопрос! Буду очень признателен за помощь!

Необходимо при таком коде, сделать подсветку отдельных строк таблицы при наведении.

Код: plaintext
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.
<script language="JavaScript" type="text/javascript">
function show(divid)
{
if(document.getElementById(divid).style.display=="none")
{
document.getElementById(divid).style.display="inline";
}
else
{
document.getElementById(divid).style.display="none";
}
}
</script>

          <LI><A onclick="show('mdiv_1_1_1');" href="#">Вызов меню № 1 </A> </LI>
          <LI><A onclick="show('mdiv_1_2_2');" href="#">Вызов меню № 2 </A> </LI>

<BR><BR>
<table cellspacing= 0 >
<tr>

<td>
<div id="mdiv" style="DISPLAY: visible; overflow: auto;" onscroll="A()">
<table border="1">
<tr valign="top">
<td width="115" bgcolor="#82C0FF">
<div align="center">
<b>
<font size="2" face="Arial">Услуги</font>
</b>
</div>
</td>
</tr>
<tr><td valign="center" nowrap="nowrap" bgcolor="#FFFFFF"><font size="2" face="Arial"> 1 </font></td></tr>
<tr><td valign="center" nowrap="nowrap" bgcolor="#FFFFFF"><font size="2" face="Arial"> 2 </font></td></tr>
<tr><td height="30" valign="center" nowrap="nowrap" bgcolor="#FFFFFF"><font size="2" face="Arial"> 3 </font></td></tr>
</table>
</div>
</td>

<td>
<div id="mdiv_1_1_1" style="DISPLAY: none; overflow: auto;" onscroll="A()">
<table border="1">
<tr valign="top">
<td width="115" bgcolor="#82C0FF">
<div align="center">
<b>
<font size="2" face="Arial"><a onclick="show('mdiv_1_1_1');" href="#">Название № 1 </a></font>
</b>
</div>
</td>
</tr>
<tr valign="top"><td width="115" valign="center" nowrap="nowrap" bgcolor="#C2FF91"><div align="center"><font size="2" face="Arial"> 1 </font></div></td></tr>
<tr valign="top"><td width="115" valign="center" nowrap="nowrap" bgcolor="#C2FF91"><div align="center"><font size="2" face="Arial"> 2 </font></div></td></tr>
<tr valign="top"><td width="115" height="30" valign="center" nowrap="nowrap" bgcolor="#C2FF91"><div align="center"><font size="2" face="Arial"> 3 </font></div></td></tr>
</table>
</div>
</td>

<td>
<div id="mdiv_1_2_2" style="DISPLAY: none; overflow: auto;" onscroll="A()">
<table border="1">
<tr valign="top">
<td width="95" bgcolor="#82C0FF">
<div align="center">
<b>
<font size="2" face="Arial"><a onclick="show('mdiv_1_2_2');" href="#">Название № 2 </a></font>
</b>
</div>
</td>
</tr>
<tr valign="top"><td width="95" valign="center" nowrap="nowrap" bgcolor="#C2FF91"><div align="center"><font size="2" face="Arial"> 1 </font></div></td></tr>
<tr valign="top"><td width="95" valign="center" nowrap="nowrap" bgcolor="#C2FF91"><div align="center"><font size="2" face="Arial"> 2 </font></div></td></tr>
<tr valign="top"><td width="95" height="30" valign="center" nowrap="nowrap" bgcolor="#C2FF91"><div align="center"><font size="2" face="Arial"> 3 </font></div></td></tr>
</table>
</div>
</td>

</tr>
</table>
...
Рейтинг: 0 / 0
09.11.2008, 17:30
| Ответить | Цитировать | Написать  
Подсветка строк таблицы
    #35642505
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ренат
Участник
1. Эммм, у тебя тута в каждой строчке только по однйо ячейке... Нельзя ли просто сделать так?
Код: plaintext
1.
<td onmouseover="this.style.backgroundColor='red';"  onmouseout="this.style.backgroundColor='';">

2. Если в строчке будет более одной ячейки то некросбраузерно:
Код: plaintext
1.
<tr onmouseover="this.style.backgroundColor='red';"  onmouseout="this.style.backgroundColor='';">

3. А если прально:
Код: plaintext
1.
<td onmouseover="this.parentTag.style.backgroundColor='red';"  onmouseout="this.parentTag.style.backgroundColor='';">
ps/ что то типа таво... Хотя наверное ошибок у меня тут море)
...
Рейтинг: 0 / 0
09.11.2008, 18:21
| Ответить | Цитировать | Написать  
Подсветка строк таблицы
    #35642523
Rollie
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Rollie
Гость
А как функцию к этому прописать? Вы тестировали это дело - получилось?
...
Рейтинг: 0 / 0
09.11.2008, 18:42
| Ответить | Цитировать | Написать  
Подсветка строк таблицы
    #35642532
vkle
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vkle
Участник
Полагаю, лучше через стили.
В таблице стилей типа этого:
#main_table .hloff {background: white}
#main_table .hlon {background: #aabbcc}
В заголовке таблицы
<table id="main_table">
А в стороках таблички типа такого:
<tr class="hloff" onmouseover="className='hlon';" onmouseout="className='hloff';">

При перемещении курсора мыша по строкам таблицы будет подсвечиваться строка под курсором. Или не то?
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
09.11.2008, 18:55
| Ответить | Цитировать | Написать  
Подсветка строк таблицы
    #35642536
Rollie
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Rollie
Гость
Что-то не работает! :(
...
Рейтинг: 0 / 0
09.11.2008, 18:59
| Ответить | Цитировать | Написать  
Подсветка строк таблицы
    #35642559
vkle
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vkle
Участник
Вот код страницы (без красявостей):
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
<html>
  <head>
    <title></title>
    <meta content="">
    <style>
      #main_table .hloff {background: white}
      #main_table .hlon {background: #aabbcc}
    </style>
  </head>
  <body>
    <table id="main_table">
      <tr class="hloff" onmouseover="className='hlon';" onmouseout="className='hloff';">
        <td> 111 </td><td> 222 </td>
      </tr>
      <tr class="hloff" onmouseover="className='hlon';" onmouseout="className='hloff';">
        <td> 333 </td><td> 444 </td>
      </tr>
      <tr class="hloff" onmouseover="className='hlon';" onmouseout="className='hloff';">
        <td> 555 </td><td> 666 </td>
      </tr>
    </table>
  </body>
</html>

Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
09.11.2008, 19:26
| Ответить | Цитировать | Написать  
Подсветка строк таблицы
    #35642563
vkle
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vkle
Участник
Полагаю, что специалисты по CSS предложат решение без жабаскрипта ))
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
09.11.2008, 19:30
| Ответить | Цитировать | Написать  
Подсветка строк таблицы
    #35642566
Rollie
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Rollie
Гость
Это код работает, но у меня ведь совсем другой принцип исходного кода и надо эту штуку сделать для него!!!
...
Рейтинг: 0 / 0
09.11.2008, 19:34
| Ответить | Цитировать | Написать  
Подсветка строк таблицы
    #35642572
vkle
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vkle
Участник
Дык.... У Вас в коде тэг <table> есть, тэги <tr> тоже есть.... Что мешает дописать атрибуты и события?
Надеюсь, не отсутствие в системе текстового редактора? ;-)
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
09.11.2008, 19:43
| Ответить | Цитировать | Написать  
Подсветка строк таблицы
    #35642575
Rollie
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Rollie
Гость
Да я уже так попробовал! Пусто... :( Поэтому и прошу помощи в решении данного вопроса!
...
Рейтинг: 0 / 0
09.11.2008, 19:45
| Ответить | Цитировать | Написать  
Подсветка строк таблицы
    #35642581
vkle
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vkle
Участник
Можно посмотреть код, который пробовал?
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
09.11.2008, 19:55
| Ответить | Цитировать | Написать  
Подсветка строк таблицы
    #35642590
Rollie
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Rollie
Гость
Вот соответственно:

Код: plaintext
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.
<html>
  <head>
    <title></title>
    <meta content="">
    <style>
      #main_table .hloff {background: white}
      #main_table .hlon {background: #aabbcc}
    </style>
  </head>
  <body>

<script language="JavaScript" type="text/javascript">
function show(divid)
{
if(document.getElementById(divid).style.display=="none")
{
document.getElementById(divid).style.display="inline";
}
else
{
document.getElementById(divid).style.display="none";
}
}
</script>

          <LI><A onclick="show('mdiv_1_1_1');" href="#">Вызов меню № 1 </A> </LI>
          <LI><A onclick="show('mdiv_1_2_2');" href="#">Вызов меню № 2 </A> </LI>

<BR><BR>
<table cellspacing= 0 >
<tr>

<td>
<div id="mdiv" style="DISPLAY: visible; overflow: auto;" onscroll="A()">
<table  id="main_table" border="1">
<tr valign="top">
<td width="115" bgcolor="#82C0FF">
<div align="center">
<b>
<font size="2" face="Arial">Услуги</font>
</b>
</div>
</td>
</tr>
<tr class="hloff" onmouseover="className='hlon';" onmouseout="className='hloff';"><td valign="center" nowrap="nowrap" bgcolor="#FFFFFF"><font size="2" face="Arial"> 1 </font></td></tr>
<tr class="hloff" onmouseover="className='hlon';" onmouseout="className='hloff';"><td valign="center" nowrap="nowrap" bgcolor="#FFFFFF"><font size="2" face="Arial"> 2 </font></td></tr>
<tr class="hloff" onmouseover="className='hlon';" onmouseout="className='hloff';"><td height="30" valign="center" nowrap="nowrap" bgcolor="#FFFFFF"><font size="2" face="Arial"> 3 </font></td></tr>
</table>
</div>
</td>

<td>
<div id="mdiv_1_1_1" style="DISPLAY: none; overflow: auto;" onscroll="A()">
<table  id="main_table" border="1">
<tr valign="top">
<td width="115" bgcolor="#82C0FF">
<div align="center">
<b>
<font size="2" face="Arial"><a onclick="show('mdiv_1_1_1');" href="#">Название № 1 </a></font>
</b>
</div>
</td>
</tr>
<tr class="hloff" onmouseover="className='hlon';" onmouseout="className='hloff';" valign="top"><td width="115" valign="center" nowrap="nowrap" bgcolor="#C2FF91"><div align="center"><font size="2" face="Arial"> 1 </font></div></td></tr>
<tr class="hloff" onmouseover="className='hlon';" onmouseout="className='hloff';" valign="top"><td width="115" valign="center" nowrap="nowrap" bgcolor="#C2FF91"><div align="center"><font size="2" face="Arial"> 2 </font></div></td></tr>
<tr class="hloff" onmouseover="className='hlon';" onmouseout="className='hloff';" valign="top"><td width="115" height="30" valign="center" nowrap="nowrap" bgcolor="#C2FF91"><div align="center"><font size="2" face="Arial"> 3 </font></div></td></tr>
</table>
</div>
</td>

<td>
<div id="mdiv_1_2_2" style="DISPLAY: none; overflow: auto;" onscroll="A()">
<table  id="main_table" border="1">
<tr valign="top">
<td width="95" bgcolor="#82C0FF">
<div align="center">
<b>
<font size="2" face="Arial"><a onclick="show('mdiv_1_2_2');" href="#">Название № 2 </a></font>
</b>
</div>
</td>
</tr>
<tr class="hloff" onmouseover="className='hlon';" onmouseout="className='hloff';" valign="top"><td width="95" valign="center" nowrap="nowrap" bgcolor="#C2FF91"><div align="center"><font size="2" face="Arial"> 1 </font></div></td></tr>
<tr class="hloff" onmouseover="className='hlon';" onmouseout="className='hloff';" valign="top"><td width="95" valign="center" nowrap="nowrap" bgcolor="#C2FF91"><div align="center"><font size="2" face="Arial"> 2 </font></div></td></tr>
<tr class="hloff" onmouseover="className='hlon';" onmouseout="className='hloff';" valign="top"><td width="95" height="30" valign="center" nowrap="nowrap" bgcolor="#C2FF91"><div align="center"><font size="2" face="Arial"> 3 </font></div></td></tr>
</table>
</div>
</td>

</tr>
</table>
</body>
</html>
...
Рейтинг: 0 / 0
09.11.2008, 20:04
| Ответить | Цитировать | Написать  
Подсветка строк таблицы
    #35642593
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ренат
Участник
а this перед className не надо прописывать?
В виде: this.classname="..."
...
Рейтинг: 0 / 0
09.11.2008, 20:07
| Ответить | Цитировать | Написать  
Подсветка строк таблицы
    #35642604
Rollie
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Rollie
Гость
И с this тоже не работает!
...
Рейтинг: 0 / 0
09.11.2008, 20:15
| Ответить | Цитировать | Написать  
Подсветка строк таблицы
    #35642640
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ренат
Участник
1. кароче тута разглядел такую вешь:
window.event.srcElement.parentElement.className='hlon';
такая вешь работает, только чутко коряво, если на текст наводишь загораеться только ячейка) Ну понятно почему)

2. попробуй еще вариант как обработчик событий для tr onmouseover="color_tr_on(this)" onmouseout="color_tr_off(this)"
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
function color_tr_on(this){
var spans = this.getElementsByTagName('td');
for (var i =  0 ; i < spans.length; i++) {
   spans[i].className="hloff";
}
}

function color_tr_off(this){
var spans = this.getElementsByTagName('td');
for (var i =  0 ; i < spans.length; i++) {
   spans[i].className="hloff";
}
}

3. Меня позабавила такая конструкция, нечаяно методом "научного тыка" написал ради итерееса, только она не работает в Експлоерере(

Код: plaintext
1.
2.
3.
4.
5.
6.
.class_tr{
background-color:red;
}
.class_tr:hover{
background-color:lime;
}
...
Рейтинг: 0 / 0
09.11.2008, 20:40
| Ответить | Цитировать | Написать  
Подсветка строк таблицы
    #35642654
vkle
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vkle
Участник
Честно говоря, не понятно. В одиночных таблицах оно работает (сам неоднократно использовал), а тут вложенная таблица. Мож поэтому.... В общем, тут я пас. Но, тем не менее, на решения профи интересно посмотреть.
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
09.11.2008, 20:51
| Ответить | Цитировать | Написать  
Подсветка строк таблицы
    #35642685
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ренат
Участник
Первый вариант: через ивенты td`шок
Код: plaintext
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.
<html>
  <head>
    <title></title>
    <meta content="">
    <style>
       .hloff {background: white}
      .hlon {background: red}
    </style>
  </head>
  <body>

<script language="JavaScript" type="text/javascript">
function show(divid)
{
if(document.getElementById(divid).style.display=="none")
{
document.getElementById(divid).style.display="inline";
}
else
{
document.getElementById(divid).style.display="none";
}
return false;
}

function color_tr_on(o){
var spans = o.parentElement.getElementsByTagName('td');
for (var i =  0 ; i < spans.length; i++) {
   spans[i].className="hlon";
}
}

function color_tr_off(o){
var spans = o.parentElement.getElementsByTagName('td');
for (var i =  0 ; i < spans.length; i++) {
   spans[i].className="hloff";
}
}

</script>

          <LI><A onclick="return show('mdiv_1_1_1');" href="#">Вызов меню № 1 </A> </LI>
          <LI><A onclick="return show('mdiv_1_2_2');" href="#">Вызов меню № 2 </A> </LI>

<BR><BR>
<table cellspacing= 0 >
<tr>

<td>
<div id="mdiv" style="DISPLAY: visible; overflow: auto;" onscroll="A()">
<table  id="main_table" border="1">
<tr valign="top">
<td width="115" bgcolor="#82C0FF">
<div align="center">
<b>
<font size="2" face="Arial">Услуги</font>
</b>
</div>
</td>
</tr>
<tr class="hloff"><td valign="center" nowrap="nowrap" bgcolor="#FFFFFF" onmouseover="color_tr_on(this)" onmouseout="color_tr_off(this);" ><font size="2" face="Arial"> 1 </font></td></tr>
<tr class="hloff" ><td valign="center" nowrap="nowrap" bgcolor="#FFFFFF" onmouseover="color_tr_on(this)" onmouseout="color_tr_off(this);"><font size="2" face="Arial"> 2 </font></td></tr>
<tr class="hloff" ><td height="30" valign="center" nowrap="nowrap" bgcolor="#FFFFFF" onmouseover="color_tr_on(this)" onmouseout="color_tr_off(this);"><font size="2" face="Arial"> 3 </font></td></tr>
</table>
</div>
</td>

<td>
<div id="mdiv_1_1_1" style="DISPLAY: none; overflow: auto;" onscroll="A()">
<table  id="main_table" border="1">
<tr valign="top">
<td width="115" bgcolor="#82C0FF">
<div align="center">
<b>
<font size="2" face="Arial"><a onclick="show('mdiv_1_1_1');" href="#">Название № 1 </a></font>
</b>
</div>
</td>
</tr>
<tr class="hloff"  valign="top"><td width="115" valign="center" nowrap="nowrap" bgcolor="#C2FF91" onmouseover="color_tr_on(this)" onmouseout="color_tr_off(this);"><div align="center"><font size="2" face="Arial"> 1 </font></div></td></tr>
<tr class="hloff"  valign="top"><td width="115" valign="center" nowrap="nowrap" bgcolor="#C2FF91" onmouseover="color_tr_on(this)" onmouseout="color_tr_off(this);"><div align="center"><font size="2" face="Arial"> 2 </font></div></td></tr>
<tr class="hloff"  valign="top"><td width="115" height="30" valign="center" nowrap="nowrap" bgcolor="#C2FF91" onmouseover="color_tr_on(this)" onmouseout="color_tr_off(this);"><div align="center"><font size="2" face="Arial"> 3 </font></div></td></tr>
</table>
</div>
</td>

<td>
<div id="mdiv_1_2_2" style="DISPLAY: none; overflow: auto;" onscroll="A()">
<table  id="main_table" border="1">
<tr valign="top">
<td width="95" bgcolor="#82C0FF">
<div align="center">
<b>
<font size="2" face="Arial"><a onclick="show('mdiv_1_2_2');" href="#">Название № 2 </a></font>
</b>
</div>
</td>
</tr>
<tr class="hloff"  valign="top"><td width="95" valign="center" nowrap="nowrap" bgcolor="#C2FF91" onmouseover="color_tr_on(this)" onmouseout="color_tr_off(this);"><div align="center"><font size="2" face="Arial"> 1 </font></div></td></tr>
<tr class="hloff"  valign="top"><td width="95" valign="center" nowrap="nowrap" bgcolor="#C2FF91" onmouseover="color_tr_on(this)" onmouseout="color_tr_off(this);"><div align="center"><font size="2" face="Arial"> 2 </font></div></td></tr>
<tr class="hloff"  valign="top"><td width="95" height="30" valign="center" nowrap="nowrap" bgcolor="#C2FF91" onmouseover="color_tr_on(this)" onmouseout="color_tr_off(this);"><div align="center"><font size="2" face="Arial"> 3 </font></div></td></tr>
</table>
</div>
</td>

</tr>
</table>
</body>
</html>
...
Рейтинг: 0 / 0
09.11.2008, 21:19
| Ответить | Цитировать | Написать  
Подсветка строк таблицы
    #35642688
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ренат
Участник
Второй вариант: через ивенты tr`ок а не td`шек, прописать точную копию ивентов для tr
ПЛюс в том что не надо маятсья с каждой строчкой

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
function color_tr_on(o){
var spans = o.getElementsByTagName('td');
for (var i =  0 ; i < spans.length; i++) {
   spans[i].className="hlon";
}
}

function color_tr_off(o){
var spans = o.getElementsByTagName('td');
for (var i =  0 ; i < spans.length; i++) {
   spans[i].className="hloff";
}
}
...
Рейтинг: 0 / 0
09.11.2008, 21:21
| Ответить | Цитировать | Написать  
Подсветка строк таблицы
    #35642719
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Rollie,
А можно код как-то покомпактнее что-ли? Ну чтобы можно было одним взглядом увидеть? Даже если скопипастить имеющееся - надо много времени потратить на исправление элементарных ошибок. Это я про <LI> и <BR>, инлайн у блочного элемента и т.д. и т.п.
ПС
А строчки в таблице подсвечиваются так:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
<table id="tbl">...</table>
<script>
document.getElementById("tbl").onmouseover=function(evt){
	var ev = window.event || evt;
	var el = ev.target || ev.srcElement;
	if(el.tagName!="TD") return;
	el.parentNode.style.backgroundColor="yellow";
}
document.getElementById("tbl").onmouseout=function(evt){
	var ev = window.event || evt;
	var el = ev.target || ev.srcElement;
	if(el.tagName!="TD") return;
	el.parentNode.style.backgroundColor="";
}
</script>
Ясен помидор, что вместо style.backgroundColor можно className написать.
...
Рейтинг: 0 / 0
09.11.2008, 21:52
| Ответить | Цитировать | Написать  
Подсветка строк таблицы
    #35642767
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ренат
Участник
vkle
Честно говоря, не понятно. В одиночных таблицах оно работает (сам неоднократно использовал), а тут вложенная таблица. Мож поэтому.... В общем, тут я пас. Но, тем не менее, на решения профи интересно посмотреть.

Ну вот и дождались)
...
Рейтинг: 0 / 0
09.11.2008, 22:51
| Ответить | Цитировать | Написать  
Подсветка строк таблицы
    #35642792
vkle
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vkle
Участник
Ага. Ещё б понять, почему в таблице-одиночке мой код работает, а во вложенной не хочет.... Событие то onmouseover/out генерится, и даже стиль присваивается, а отбражения нет. Или чего то не заметил....
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
09.11.2008, 23:21
| Ответить | Цитировать | Написать  
Подсветка строк таблицы
    #35642853
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
illion
Участник
просмотрела топик. Кошмар! Сколько много букаф, еле осилила :-)

по сабжу: у человека явно прописано <td ... bgcolor="#C2FF91">. Да хоть вы треснете, а оно будет иметь более высокий приоритет, чем стиль tr. Вот и все. Убирайте этот bgcolor (на кой он вообще нужен, если для tr стиль задан?).
...
Рейтинг: 0 / 0
10.11.2008, 00:20
| Ответить | Цитировать | Написать  
Подсветка строк таблицы
    #35642857
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
illion
Участник
и еще поворчать: ну кому вы такие поэмы пишите?
Rollie
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
function show(divid)
{
if(document.getElementById(divid).style.display=="none")
{
document.getElementById(divid).style.display="inline";
}
else
{
document.getElementById(divid).style.display="none";
}
}

сокращаем:
Код: plaintext
1.
2.
3.
4.
function show(divid)
    var el = document.getElementById(divid);
    el.style.display=(el.style.display=="none")?"inline":"none";
}
...
Рейтинг: 0 / 0
10.11.2008, 00:24
| Ответить | Цитировать | Написать  
Подсветка строк таблицы
    #35652916
Rollie
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Rollie
Гость
Очень понравилось решение Рената, но хотелось бы, чтоб выделялась не ячейка в отдельности, а целая строка!
2illion: замена не работает!
...
Рейтинг: 0 / 0
13.11.2008, 19:46
| Ответить | Цитировать | Написать  
Подсветка строк таблицы
    #35652949
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Rollie,

Читай все посты, а не некоторые - написал ведь уже - parent.Node для TD. Если Ренату не лень - пускай разжуёт. Но, вообще-то, мы здесь присутствуем для того, чтобы учиться (в том числе учиться копипастить).
...
Рейтинг: 0 / 0
13.11.2008, 20:20
| Ответить | Цитировать | Написать  
25 сообщений из 44, страница 1 из 2
  1  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Подсветка строк таблицы
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=35642604&tid=1455572]:
 0ms
get settings:
 8ms
get forum list:
 16ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 149ms
get topic data:
 9ms
get forum data:
 3ms
get page messages:
 68ms
get tp. blocked users:
 1ms
others: 205ms
total:  465ms
созд. / загр.: 465ms
x
x
Закрыть


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