Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Подсветка строк таблицы / 25 сообщений из 44, страница 1 из 2
  1  все
09.11.2008, 17:30
    #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, 18:21
    #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:42
    #35642523
Rollie
Rollie
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Подсветка строк таблицы
А как функцию к этому прописать? Вы тестировали это дело - получилось?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.11.2008, 18:55
    #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:59
    #35642536
Rollie
Rollie
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Подсветка строк таблицы
Что-то не работает! :(
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.11.2008, 19:26
    #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:30
    #35642563
vkle
vkle
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Подсветка строк таблицы
Полагаю, что специалисты по CSS предложат решение без жабаскрипта ))
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.11.2008, 19:34
    #35642566
Rollie
Rollie
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Подсветка строк таблицы
Это код работает, но у меня ведь совсем другой принцип исходного кода и надо эту штуку сделать для него!!!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.11.2008, 19:43
    #35642572
vkle
vkle
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Подсветка строк таблицы
Дык.... У Вас в коде тэг <table> есть, тэги <tr> тоже есть.... Что мешает дописать атрибуты и события?
Надеюсь, не отсутствие в системе текстового редактора? ;-)
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.11.2008, 19:45
    #35642575
Rollie
Rollie
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Подсветка строк таблицы
Да я уже так попробовал! Пусто... :( Поэтому и прошу помощи в решении данного вопроса!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.11.2008, 19:55
    #35642581
vkle
vkle
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Подсветка строк таблицы
Можно посмотреть код, который пробовал?
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.11.2008, 20:04
    #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:07
    #35642593
Ренат
Ренат
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Подсветка строк таблицы
а this перед className не надо прописывать?
В виде: this.classname="..."
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.11.2008, 20:15
    #35642604
Rollie
Rollie
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Подсветка строк таблицы
И с this тоже не работает!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.11.2008, 20:40
    #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:51
    #35642654
vkle
vkle
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Подсветка строк таблицы
Честно говоря, не понятно. В одиночных таблицах оно работает (сам неоднократно использовал), а тут вложенная таблица. Мож поэтому.... В общем, тут я пас. Но, тем не менее, на решения профи интересно посмотреть.
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.11.2008, 21:19
    #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:21
    #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:52
    #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, 22:51
    #35642767
Ренат
Ренат
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Подсветка строк таблицы
vkle
Честно говоря, не понятно. В одиночных таблицах оно работает (сам неоднократно использовал), а тут вложенная таблица. Мож поэтому.... В общем, тут я пас. Но, тем не менее, на решения профи интересно посмотреть.

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

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

Читай все посты, а не некоторые - написал ведь уже - parent.Node для TD. Если Ренату не лень - пускай разжуёт. Но, вообще-то, мы здесь присутствуем для того, чтобы учиться (в том числе учиться копипастить).
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
  1  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Подсветка строк таблицы / 25 сообщений из 44, страница 1 из 2
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 503ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1455572]:
 0ms
get settings:
 6ms
get forum list:
 16ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 180ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 48ms
get tp. blocked users:
 1ms
others: 234ms
total:  503ms
x
x
Закрыть


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