ReSQL.ru
     
powered by simpleCommunicator - 2.0.38     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Подсветка строк таблицы
8 сообщений из 8, страница 1 из 1
Подсветка строк таблицы
    #34299719
sys1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
sys1
Гость
Есть нечто такое, для подсветки строк таблицы при наведении мышки:
Код: 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>
<link rel="stylesheet" type="text/css" href="link_to_css_file.css">
<script language=javascript>
   function mi(mnu) {
      mnu.style.backgroundColor='#ff0000';
   } 
   function mo(mnu) {
      mnu.style.backgroundColor='';
   } 
</script>
</head>
<body>
<table width="200" border="1">
   <tr onMouseOver="mi(this);" onMouseOut="mo(this);"><td>data  1 </td></tr>
   <tr onMouseOver="mi(this);" onMouseOut="mo(this);"><td>data  2 </td></tr>
   <tr onMouseOver="mi(this);" onMouseOut="mo(this);"><td>data  3 </td></tr>
   <tr onMouseOver="mi(this);" onMouseOut="mo(this);"><td>data ...</td></tr>
   <tr onMouseOver="mi(this);" onMouseOut="mo(this);"><td>data n</td></tr>
</table>
</body>
</html>

Можно ли как-то читать цвет подсветки в этой строке из css файла ?
Код: plaintext
1.
mnu.style.backgroundColor='#ff0000';

Может быть есть более продвинутый вариант подсветки строк, чтобы работал во всех версиях браузеров?
...
Рейтинг: 0 / 0
01.02.2007, 16:20
| Ответить | Цитировать | Написать  
Подсветка строк таблицы
    #34300064
Фотография SkyLight
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SkyLight
Участник
Заведи себе два стиля - один для нормальной строки, другой для подсвеченной. А потом меняй у строки className
...
Рейтинг: 0 / 0
01.02.2007, 17:52
| Ответить | Цитировать | Написать  
Подсветка строк таблицы
    #34300240
sys1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
sys1
Гость
Отлично, то что нужно, спасибо.

Получилось нечто такое:
Код: 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>
<link rel="stylesheet" type="text/css" href="style.css">
<script language=javascript>
   function mi(tablestr) {
      tablestr.className='light';
   } 
   function mo(tablestr) {
      tablestr.className='';
   } 
</script>
</head>
<body>
<table width="200" border="1">
   <tr onMouseOver="mi(this)" onMouseOut="mo(this)"><td>data  1 </td></tr>
   <tr onMouseOver="mi(this)" onMouseOut="mo(this)"><td>data  2 </td></tr>
   <tr onMouseOver="mi(this)" onMouseOut="mo(this)"><td>data  3 </td></tr>
   <tr onMouseOver="mi(this)" onMouseOut="mo(this)"><td>data ...</td></tr>
   <tr onMouseOver="mi(this)" onMouseOut="mo(this)"><td>data n</td></tr>
</table>
</body>
</html>
style.css
Код: plaintext
1.
2.
3.
tr.light {
   background-color: red;
}
Лишний траффик, конечно, дает некислый такое решение ...
...
Рейтинг: 0 / 0
01.02.2007, 18:45
| Ответить | Цитировать | Написать  
Подсветка строк таблицы
    #34300324
Фотография Damnedest
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Damnedest
Участник
эм, а откуда лишний траффик?
...
Рейтинг: 0 / 0
01.02.2007, 19:29
| Ответить | Цитировать | Написать  
Подсветка строк таблицы
    #34303966
sys1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
sys1
Гость
Ну вот это в каждой строке таблицы: onMouseOver="mi(this)" onMouseOut="mo(this)". При постраничном выводе таблиц, по сто записей на странице, например, получается - 44*100 байт ~ 4 кб (эм, по идее, само собой загрузка любой картинки интерфейса занимает в разы больше)
...
Рейтинг: 0 / 0
03.02.2007, 11:18
| Ответить | Цитировать | Написать  
Подсветка строк таблицы
    #34304140
LINUXER
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
LINUXER
Участник
sys1Лишний траффик, конечно, дает некислый такое решение ...
траффик конечно не критический,
но можно обработчики подставить после загрузки
(особенно если таблица забивается вручную или кем-то другим)
...
Рейтинг: 0 / 0
03.02.2007, 16:15
| Ответить | Цитировать | Написать  
Подсветка строк таблицы
    #34304145
LINUXER
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
LINUXER
Участник
Код: plaintext
1.
2.
3.
4.
5.
var trs=document.getElementById("tableId").getElementsByTagName("tbody").getElementsByTagName("tr");
for(var i= 0 ;i<trs.length;++i){
 trs[i].onmouseover=function(){...};
 trs[i].onmouseout=function(){...};
}
такты процессора и память клиента не считаем
---------------------------
интересно как с :hover в IE7 :/
...
Рейтинг: 0 / 0
03.02.2007, 16:20
| Ответить | Цитировать | Написать  
Подсветка строк таблицы
    #34305639
Фотография SkyLight
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SkyLight
Участник
Да уж, :hover в семерке сильно упростил задачу с подсветкой.
...
Рейтинг: 0 / 0
05.02.2007, 10:52
| Ответить | Цитировать | Написать  
8 сообщений из 8, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Подсветка строк таблицы
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
NoSQL.ru             Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&fpage=394&tid=1458841]:
 0ms
get settings:
 9ms
get forum list:
 13ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 27ms
get topic data:
 11ms
get forum data:
 2ms
get page messages:
 47ms
get tp. blocked users:
 1ms
others: 13ms
total:  129ms
созд. / загр.: 129ms
x
x
Закрыть


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