powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Подсветка строк таблицы
44 сообщений из 44, показаны все 2 страниц
Подсветка строк таблицы
    #35642467
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
Подсветка строк таблицы
    #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
Подсветка строк таблицы
    #35642523
Rollie
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
А как функцию к этому прописать? Вы тестировали это дело - получилось?
...
Рейтинг: 0 / 0
Подсветка строк таблицы
    #35642532
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
Подсветка строк таблицы
    #35642536
Rollie
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Что-то не работает! :(
...
Рейтинг: 0 / 0
Подсветка строк таблицы
    #35642559
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
Подсветка строк таблицы
    #35642563
vkle
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Полагаю, что специалисты по CSS предложат решение без жабаскрипта ))
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
Подсветка строк таблицы
    #35642566
Rollie
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Это код работает, но у меня ведь совсем другой принцип исходного кода и надо эту штуку сделать для него!!!
...
Рейтинг: 0 / 0
Подсветка строк таблицы
    #35642572
vkle
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Дык.... У Вас в коде тэг <table> есть, тэги <tr> тоже есть.... Что мешает дописать атрибуты и события?
Надеюсь, не отсутствие в системе текстового редактора? ;-)
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
Подсветка строк таблицы
    #35642575
Rollie
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Да я уже так попробовал! Пусто... :( Поэтому и прошу помощи в решении данного вопроса!
...
Рейтинг: 0 / 0
Подсветка строк таблицы
    #35642581
vkle
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Можно посмотреть код, который пробовал?
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
Подсветка строк таблицы
    #35642590
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
Подсветка строк таблицы
    #35642593
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
а this перед className не надо прописывать?
В виде: this.classname="..."
...
Рейтинг: 0 / 0
Подсветка строк таблицы
    #35642604
Rollie
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
И с this тоже не работает!
...
Рейтинг: 0 / 0
Подсветка строк таблицы
    #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
Подсветка строк таблицы
    #35642654
vkle
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Честно говоря, не понятно. В одиночных таблицах оно работает (сам неоднократно использовал), а тут вложенная таблица. Мож поэтому.... В общем, тут я пас. Но, тем не менее, на решения профи интересно посмотреть.
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
Подсветка строк таблицы
    #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
Подсветка строк таблицы
    #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
Подсветка строк таблицы
    #35642719
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
Подсветка строк таблицы
    #35642767
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
vkle
Честно говоря, не понятно. В одиночных таблицах оно работает (сам неоднократно использовал), а тут вложенная таблица. Мож поэтому.... В общем, тут я пас. Но, тем не менее, на решения профи интересно посмотреть.

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

по сабжу: у человека явно прописано <td ... bgcolor="#C2FF91">. Да хоть вы треснете, а оно будет иметь более высокий приоритет, чем стиль tr. Вот и все. Убирайте этот bgcolor (на кой он вообще нужен, если для tr стиль задан?).
...
Рейтинг: 0 / 0
Подсветка строк таблицы
    #35642857
Фотография 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
Подсветка строк таблицы
    #35652916
Rollie
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Очень понравилось решение Рената, но хотелось бы, чтоб выделялась не ячейка в отдельности, а целая строка!
2illion: замена не работает!
...
Рейтинг: 0 / 0
Подсветка строк таблицы
    #35652949
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Rollie,

Читай все посты, а не некоторые - написал ведь уже - parent.Node для TD. Если Ренату не лень - пускай разжуёт. Но, вообще-то, мы здесь присутствуем для того, чтобы учиться (в том числе учиться копипастить).
...
Рейтинг: 0 / 0
Подсветка строк таблицы
    #35652977
Rollie
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Да вот именно, обучение проходит с ничтожными результатами: как я только не пробовал, но не смог через parent запустить подсветку строки. :(
И className менял и всё... просто выдает ошибку...
...
Рейтинг: 0 / 0
Подсветка строк таблицы
    #35652989
vkle
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
> просто выдает ошибку...

Порою _цитирование_ текста ошибки творит чудеса. Или вбивание этого текста в гугль....
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
Подсветка строк таблицы
    #35653201
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
RollieДа вот именно, обучение проходит с ничтожными результатами
и будет проходить также, пока ты не начнешь читать все ответы полностью . Либо если ты их и так полностью читаешь, то значит руки растут не из стандартного места.

Беру твой код .
1. как я писала - стираю нафиг все bgcolor для td
2. чисто для порядку - убираю повторяющиеся id для table, ввожу класс для menu.
3. чисто для красоты - заменяю твою js-функцию на свою (да, пришлось подрисовать к ней одну фигурную скобочку. Мог бы и сам заметить или отладить в том же firebug или MSSript Debugger. Не умеешь отлаживать - о каком тогда обучении и работе может идти речь?).
Подсветка работает.
Что еще надо то?

подправленный код
Код: 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.
<html>
  <head>
    <title></title>
    <meta content="">
    <style>
      #main_table .hloff {background: white}
      #main_table .hlon {background: #aabbcc}
      .menu_table .hloff {background: #C2FF91}
      .menu_table .hlon {background: #aabbcc}
    </style>
  </head>
  <body>

<script language="JavaScript" type="text/javascript">
function show(divid)
{
    var el = document.getElementById(divid);
    el.style.display=(el.style.display=="none")?"inline":"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"><font size="2" face="Arial"> 1 </font></td></tr>
<tr class="hloff" onmouseover="className='hlon';" onmouseout="className='hloff';"><td valign="center" nowrap="nowrap"><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"><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 class="menu_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"><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"><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"><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 class="menu_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"><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"><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"><div align="center"><font size="2" face="Arial"> 3 </font></div></td></tr>
</table>
</div>
</td>

</tr>
</table>
</body>
</html>
...
Рейтинг: 0 / 0
Подсветка строк таблицы
    #35653463
Rollie
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Скобочка... бывает из-за невнимательности... но всё же окончательный результат не достигнут - подсвечиваются ячейки отдельно... вся горизонтальная строка не подсвечивается.
...
Рейтинг: 0 / 0
Подсветка строк таблицы
    #35654121
Фотография Ex_Soft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
[off]
[quot illion]
подправленный кодподправленный код

spoiler'ы из-под NNTP (по крайней мере в моей Mozilla Thunderbird 2.0.0.17) не фунциклируют - просьбочка: без особой необходимости не юзать, pls...
[/off]
_________________
"Helo, word!" - 17 errors 56 warnings
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
Подсветка строк таблицы
    #35654358
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Rollieно всё же окончательный результат не достигнут - подсвечиваются ячейки отдельно... вся горизонтальная строка не подсвечивается.
даж не знаю что ответить... Нет слов.
Подсвечиваются строки . Разные строки РАЗНЫХ таблиц.
Если нужна подсветка цельной строки, то нафига пихать три вложенных таблицы и не знать потом что с ними делать? А если в таблице "Название №1" будет три строки, а в "Название №2" - десять, что делать будешь?


Ex_Soft,
считай это была необходимость. Третий раз практически одну и ту же поэму без глобальных изменений, да к тому же не имеющую практической ценности, не хотелось постить в открытую. Это бессмысленно. Я на будущее учту эту особенность ннтп, но совсем от спойлеров видимо не откажусь - от моего имени туда попадет все, что не влазит в экран и при этом не несет ценных мыслей.
...
Рейтинг: 0 / 0
Подсветка строк таблицы
    #35654686
Rollie
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Я просто попросил помочь... Это нужно для сравнения разных данных, и поэтому строк будет одиннаковое количество, а вот что касается реализации: такую я сделал самостоятельно путем обдумывания... А как по другому - я не знаю... :(
...
Рейтинг: 0 / 0
Подсветка строк таблицы
    #35655394
vkle
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
> строк будет одиннаковое количество

Тады какой смысл городить огород из _трёх_ (всего то) таблиц ?
Более правильным в смысле отображения структуры (но не более простым) будет сделать одну таблицу вместо трёх. И управлять не отображением таблиц целиком, как сейчас, а только отдельных ячеек строки.


> Это нужно для сравнения разных данных

Гхмм... Оное "сравнение разных данных" будет производиться методом "на глазок", или же имеется некоторая структура, где можно объективно (допустим, функциями) сравнить значения параметров?
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
Подсветка строк таблицы
    #35655783
Rollie
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
У меня задача такая:
...
Рейтинг: 0 / 0
Подсветка строк таблицы
    #35655785
Rollie
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
1) сравнение на глазок
2) необходимо нажимать на разные пункты, чтобы появлялись нужные таблицы с ячейками.
...
Рейтинг: 0 / 0
Подсветка строк таблицы
    #35655789
vkle
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Это какая то лаба, чтоль? Да и про подсветку там не сказано ни одной буквой )))
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
Подсветка строк таблицы
    #35655800
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Код: 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.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script>
function showMenu(num)
{
	var tbl = document.getElementById('myTable');
	for (var i= 0 ; i<tbl.rows.length; i++)
	{
		var cell = tbl.rows[i].cells[num];
		cell.className = (cell.className=='menu')?'menu_hide':'menu';
	}
}
</script>
<style>
.trOn  td		{background: gray;}
.trOff td		{background: white;}
.trOff td.menu		{background: yellow;}
.trOff td.menu_hide	{display:none;}
</style>
</head>
<body>
<table border="1" id="myTable">
<tr class="trOff" onmouseover="this.className='trOn'" onmouseout="this.className='trOff'">
	<td> 11 </td>
	<td class="menu_hide">menu1_str1</td>
	<td class="menu_hide">menu2_str1</td>
</tr>
<tr class="trOff" onmouseover="this.className='trOn'" onmouseout="this.className='trOff'">
	<td> 21 </td>
	<td class="menu_hide">menu1_str2</td>
	<td class="menu_hide">menu2_str2</td>
</tr>
<tr class="trOff" onmouseover="this.className='trOn'" onmouseout="this.className='trOff'">
	<td> 31 </td>
	<td class="menu_hide">menu1_str3</td>
	<td class="menu_hide">menu2_str3</td>
</tr>
</table>
<button onclick="showMenu(1)">show menu  1 </button>
<button onclick="showMenu(2)">show menu  2 </button>
</body>
</html>
...
Рейтинг: 0 / 0
Подсветка строк таблицы
    #35655804
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
illion , у тебя в списке форумов появилась дополнительная строка?
...
Рейтинг: 0 / 0
Подсветка строк таблицы
    #35655839
Rollie
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Супер, то что нужно!!! Огромное спасибо! Сейчас буду разбираться в коде...
...
Рейтинг: 0 / 0
Подсветка строк таблицы
    #35655841
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ShSerge,

да. Спасибо за беспокойство, правда болтать я не люблю лишнего. Читать - да, и на пт часто заглядываю, но вступать в дискуссии пока шибко не хотелось. Вообще мне иногда кажется, что я в чем-то понимаю мужчин - когда моя подруга начинает трындеть без передыху обо всем подряд, и от нее потом голова ватная и в ухе звенит, - это же так тяжко! И главное, сделать ничего не можешь - только головой кивать, угукать и вставлять пару слов для приличия. Иногда хочется даже послать, но нельзя, обидится ведь. Бедные вы, нещастные. Хотя выходной сегодня, в рабочее время совсем другое настроение. "Что бы делать, лишь бы не работать!" - девиз очень многих работников :-). Чаю/кофе попить, языком почесать - святое дело :-).
...
Рейтинг: 0 / 0
Подсветка строк таблицы
    #35655918
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
illion,

Я вот не собираюсь оспаривать термин AJAX, хотя и применял эту штуку ещё в то время, когда считалось плохо, когда страничка чего-то делает уже загрузившись. Потом стало модно - и слово придумали. Посему поводу предлагаю: зафиксировать термин " ВАС " - всегда активная страница. Т.е. страничка, сохранённая как хтмл - должна работать всегда, хоть сохранённая на рабстоле. И скажи пожалуйста куда это постить? В ПТ что-ли?
...
Рейтинг: 0 / 0
Подсветка строк таблицы
    #35656326
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ShSerge,

я бы оставила эту мысль при себе :-) Здесь тебе ни пт, ни зпт не помогут. Надо вешать объявление на гугле!
...
Рейтинг: 0 / 0
Подсветка строк таблицы
    #35657093
Rollie
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Я тут поменял немного суть скрипта, добавил своё меню, но есть одно но!
Когда вызываешь из меню заголовки, то их потом можно убрать таким же способом, опять же через меню, а мне хотелось, чтоб их можно было убрать кликнув на заголовок в первой строке таблицы. Помогите... Понимаю, что обращаюсь не в первый раз... но возникают трудности и я сижу над ними часами с книгами... и не могу разобраться в данном вопросе... Буду рад, если мне помогут... Заранее огромное спасибо!!!
...
Рейтинг: 0 / 0
Подсветка строк таблицы
    #35657099
Rollie
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Оказалось, что я решил данную проблему уже и закачал решение! :) Спасибо всем!))
...
Рейтинг: 0 / 0
44 сообщений из 44, показаны все 2 страниц
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Подсветка строк таблицы
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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