Программирование > JavaScript & JScript

Использовать Event для выделения ячейки

<< < (2/2)

hanslinger:

--- Цитировать ---Если прописать getElementsByTagName(\'tr\'), то туда попадут строки с других таблиц.
--- Конец цитаты ---

Ну, если делать document., тогда да.
А если сделать document.getElementById(\'element\').getElementsByTagName(\'tr\'), то будет все в шоколаде.

andymc:
Эта задача уже многими была решена...

--- Код: ---function zebraTable(id, c1, c2) {
lastColor = \'#FFFFFF\';
function tblColor(e) {
var e = window.event ? window.event : e;
var el1 = window.event ? window.event.srcElement : e.target;
var el = el1.parentNode;
if (el.tagName == \'TD\') {
el = el.parentNode;
}
var c = el.cells;
if (e.type == \'mouseover\') {
lasrColor = el.bgColor;
el.bgColor = c1;
for (var i = 0; i < c.length; i++) {
c[i].bgColor = c1;
}
} else {
if (c2 != \'\' && c2 != null) {
var setColor = c2;
} else {
var setColor = lasrColor;
}
el.bgColor = setColor;
for (var i = 0; i < c.length; i++) {
c[i].bgColor = setColor;
}
}
}
if (c1 == \'\') {
return false
}
var t = document.getElementById(id);
for (var i = 0; i < t.rows.length; i++) {
lastColor = t.rows[i].bgcolor;
list(t.rows[i], \'mouseover\', tblColor)
list(t.rows[i], \'mouseout\', tblColor)
}
}
function list(o, e, a) {
if (o.addEventListener) o.addEventListener(e, a, false);
else if (o.attachEvent) o.attachEvent("on" + e, a); else return null;
}
--- Конец кода ---

new_coder:
а просто прописать CSS стиль к таблице?

andymc:
new_coder
IE понимает hover только для ссылок

Навигация

[0] Главная страница сообщений

[*] Предыдущая страница