table.table1 tbody tr:hover, table.table1 tbody tr.hover {
background-color: #f6f6f6;
color: #000;
}
Table row hover
http://www.phpbb.com/languages/ при наведении курсора полностью веся строка в таблице меняет цвет
Заранее благодарен
Как реализовать такую вот штуку как на
Заранее благодарен
Код:
Ну это так тоже можно но на тупом ИЕ не будет все равно пахать
Поиск вам поможет )
Цитата: Robinnovich
Ну это так тоже можно но на тупом ИЕ не будет все равно пахать
А что этот сайт пахает?
ЗЫ и не "пахает", а "пашет" ;)
ЗЫ. Не "пашет", а "работает".
Цитата:
Автор просил как сделать, так как на сайте и я привел код, как сделано на данном сайте.
Скорее автор просил "реализовать такую штуку" как на том сайте )
А в ИЕ выделение там не работает!
Нужно всех детей элемента tr покрасить по событию OnMouseMove, и вернуть прежнюю масть по событию OnMouseOut.
Этот эффект хорошо заметен, если "сходить" по ссылке из первого сообщения.
Цитата: mfender
а javascript уже отменили?
Нужно всех детей элемента tr покрасить по событию OnMouseMove, и вернуть прежнюю масть по событию OnMouseOut.
Нужно всех детей элемента tr покрасить по событию OnMouseMove, и вернуть прежнюю масть по событию OnMouseOut.
В принципе о JavaScript и думал я. Хотелось бы маленький пример. Как сделать окраску всех tr указанной таблицы или всех таблиц с id например "AnumedRow"
<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]
Код:
<tr onmouseover="this.style.backgroundColor='#ffc';" onmouseout="this.style.backgroundColor='#fff';">
Пользуйся
gruz0 )) пример Nixus более актуален
Robinnovich :)