<tr onmouseover="this.style.backgroundColor='#FF0000;'" onmouseout="this.style.backgroundColor='#FFFFFF'">
<td>1</td>
<td>2</td>
</tr>
Подстветка строки в таблице при наведении.
Что нужно прописать в css, что б при движении мышкой по таблице выделялись строки другим цветом?
http://www.w3.org/TR/CSS21/selector.html#x32
Не знаю, как сейчас, но раньше ИЕ не поддерживал hover без тэга <a>.
Не знаю, как сейчас, но раньше ИЕ не поддерживал hover без тэга <a>.
CSS не поможет тк IE6 не обрабатывает селектор hover для элементов отличных от тега <a>. Я обычно делаю так (хотя это и не очень красивое решение):
Код:
Цитата: RussianSpy
CSS не поможет тк IE6 не обрабатывает селектор hover для элементов отличных от тега <a>. Я обычно делаю так (хотя это и не очень красивое решение):
Код:
<tr onmouseover="this.style.backgroundColor='#FF0000;'" onmouseout="this.style.backgroundColor='#FFFFFF'">
<td>1</td>
<td>2</td>
</tr>
<td>1</td>
<td>2</td>
</tr>
Ни катит так.
Катит. Просто там опечатка. Так работает в IE, FF, Opera
<tr onmouseover="this.style.backgroundColor='#FF0000'" onmouseout="this.style.backgroundColor='#FFFFFF'">
<td>1</td>
<td>2</td>
</tr>
Цитата:
<tr onmouseover="this.style.backgroundColor='#FF0000'" onmouseout="this.style.backgroundColor='#FFFFFF'">
<td>1</td>
<td>2</td>
</tr>
Делаю вот так:
if (document.getElementById('stripes')){
var tbl = document.getElementById('stripes');
for (i = 1; i < tbl.rows.length - 1; i++) {
tbl.rows.onmouseover = function() {
this.style.backgroundColor = '#FF0000';
//alert(this.style.backgroundColor);
}
tbl.rows.onmouseout = function() {
this.style.backgroundColor = '#FFFFFF';
}
}
}
Не работает, действие биндится, а цвет не меняется... у меня css есть который задет цвет таблицы и строкам, но это пофигу....
if (document.getElementById('stripes')){
var tbl = document.getElementById('stripes');
for (i = 1; i < tbl.rows.length - 1; i++) {
tbl.rows.onmouseover = function() {
this.style.backgroundColor = '#FF0000';
//alert(this.style.backgroundColor);
}
tbl.rows.onmouseout = function() {
this.style.backgroundColor = '#FFFFFF';
}
}
}
Не работает, действие биндится, а цвет не меняется... у меня css есть который задет цвет таблицы и строкам, но это пофигу....
я вам идею подал - дальше ваша работа
к сожалению не имею времени писать на работе чужой код.
Открывайте FF+FireBug и вперед тестить.
ЗЫ Лучше писать не
if (var tbl = document.getElementById('stripes')){
...
к сожалению не имею времени писать на работе чужой код.
Открывайте FF+FireBug и вперед тестить.
ЗЫ Лучше писать не
Цитата:
if (document.getElementById('stripes')){
var tbl = document.getElementById('stripes');
var tbl = document.getElementById('stripes');
Лучше и правильнее писать
Цитата:
if (var tbl = document.getElementById('stripes')){
...
Цитата: RussianSpy
я вам идею подал - дальше ваша работа
к сожалению не имею времени писать на работе чужой код.
Открывайте FF+FireBug и вперед тестить.
ЗЫ Лучше писать не
Лучше и правильнее писать
к сожалению не имею времени писать на работе чужой код.
Открывайте FF+FireBug и вперед тестить.
ЗЫ Лучше писать не
Лучше и правильнее писать
сенкс, чем собственно и занимаюсь