Справочник функций

Ваш аккаунт

Войти через: 
Забыли пароль?
Регистрация
Информацию о новых материалах можно получать и без регистрации:

Почтовая рассылка

Подписчиков: -1
Последний выпуск: 19.06.2015

Table row hover

477
11 сентября 2007 года
Robinnovich
182 / / 02.12.2006
Как реализовать такую вот штуку как на http://www.phpbb.com/languages/ при наведении курсора полностью веся строка в таблице меняет цвет
Заранее благодарен
353
11 сентября 2007 года
Nixus
840 / / 04.01.2007
 
Код:
table.table1 tbody tr:hover, table.table1 tbody tr.hover {
    background-color: #f6f6f6;
    color: #000;
}
477
11 сентября 2007 года
Robinnovich
182 / / 02.12.2006
Ну это так тоже можно но на тупом ИЕ не будет все равно пахать
3.4K
11 сентября 2007 года
cogonet
198 / / 25.07.2006
Поиск вам поможет )
http://forum.codenet.ru/showthread.php?t=40206
353
11 сентября 2007 года
Nixus
840 / / 04.01.2007
Цитата: Robinnovich
Ну это так тоже можно но на тупом ИЕ не будет все равно пахать


А что этот сайт пахает?

249
11 сентября 2007 года
DissDoc
639 / / 01.10.2004
cogonet вам дал ссылку и у меня, например, все и везде работает

ЗЫ и не "пахает", а "пашет" ;)
353
11 сентября 2007 года
Nixus
840 / / 04.01.2007
Автор просил как сделать, так как на сайте и я привел код, как сделано на данном сайте.
ЗЫ. Не "пашет", а "работает".
3.4K
11 сентября 2007 года
cogonet
198 / / 25.07.2006
Цитата:
Автор просил как сделать, так как на сайте и я привел код, как сделано на данном сайте.



Скорее автор просил "реализовать такую штуку" как на том сайте )
А в ИЕ выделение там не работает!

8
11 сентября 2007 года
mfender
3.5K / / 15.06.2005
а javascript уже отменили?
Нужно всех детей элемента tr покрасить по событию OnMouseMove, и вернуть прежнюю масть по событию OnMouseOut.
27K
11 сентября 2007 года
AKS.
34 / / 27.08.2007
У предложенных решений есть один маленький недостаток. Если указатель при переходе от ячейки к ячейке в одном и том же ряду "натыкается" на границу (опять же, если таковая имеется), то ряд будет окрашиваться в дефолтный цвет. И чем шире будут границы, тем заметней "мерцание" бэкграунда.
Этот эффект хорошо заметен, если "сходить" по ссылке из первого сообщения.
477
11 сентября 2007 года
Robinnovich
182 / / 02.12.2006
Цитата: mfender
а javascript уже отменили?
Нужно всех детей элемента tr покрасить по событию OnMouseMove, и вернуть прежнюю масть по событию OnMouseOut.



В принципе о JavaScript и думал я. Хотелось бы маленький пример. Как сделать окраску всех tr указанной таблицы или всех таблиц с id например "AnumedRow"

353
11 сентября 2007 года
Nixus
840 / / 04.01.2007
[HTML]<table>
<tr class="AnumedRow"><td>1</td><td>2</td><td>3</td></tr>
<tr class="AnumedRow"><td>1</td><td>2</td><td>3</td></tr>
<tr class="AnumedRow"><td>1</td><td>2</td><td>3</td></tr>
<tr class="AnumedRow"><td>1</td><td>2</td><td>3</td></tr>
<tr class="AnumedRow"><td>1</td><td>2</td><td>3</td></tr>
<tr class="AnumedRow"><td>1</td><td>2</td><td>3</td></tr>
</table>


<style><!--
.AnumedRow td {
background-color: #fff;
color: #000;
}
.AnumedRow td.hover {
background-color: #000;
color: #fff;
}
--></style>

<script>
<!-- //
var classNormal = '';
var classHover = 'hover';

function reclass(row,cls)
{
var cells;

if(row.getElementsByTagName) {
cells = row.getElementsByTagName('TD');
} else if(row.cells) {
cells = row.cells;
} else {
return false;
}

for(var i = 0; i < cells.length; i++)
cells.className = cls;

return false;
}

function installHighlighter(cls)
{
var all = document.getElementsByTagName('TR');

for(var i = 0; i < all.length; i++)
{
var obj = all;

if(obj.className == cls) {
obj.onmouseover = function () { reclass(this, classHover); };
obj.onmouseout = function () { reclass(this, classNormal); };
}
}
}

installHighlighter('AnumedRow');

//-->
</script>[/HTML]
15K
12 сентября 2007 года
gruz0
71 / / 23.11.2006
 
Код:
<tr &#111;&#110;mouseover="this.style.backgroundColor='#ffc';" &#111;&#110;mouseout="this.style.backgroundColor='#fff';">

Пользуйся
477
12 сентября 2007 года
Robinnovich
182 / / 02.12.2006
gruz0 )) пример Nixus более актуален
15K
12 сентября 2007 года
gruz0
71 / / 23.11.2006
Robinnovich :)
Реклама на сайте | Обмен ссылками | Ссылки | Экспорт (RSS) | Контакты
Добавить статью | Добавить исходник | Добавить хостинг-провайдера | Добавить сайт в каталог