javascript и подсветка ряда таблицы
Мне нужно сделать так, что бы при наведении указателя, фон ряда таблицы менял цвет.
Как это сделать для таблицы вида:
<table width="100%">
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
я знаю (в тэг tr пишем bgcolor="#FFFFFF" onmouseover='this.style.backgroundColor="#0C0"' onmouseout='this.style.backgroundColor="#FFF"')
Но как сделать это же для таблицы вида
<table width="100%">
<tr>
<td rowspan="3"></td>
<td></td>
<td rowspan="3"></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</table>
до меня не доходит...
Нужно, чтобы подсвечивались все ячейки таблицы в приведенном коде, но таблицы разной длины, т.е. приведенный код повторяется n-ое количество раз, и должен подсвечиваться только тот участок таблицы приведенного вида над которым указатель мыши...
HELP, я сколько над ней ни прыгал, ничё не получается или получается не так как надо.
Или надо чтобы подсвечивалась сразу группа ячеек?
Не понимаю суть твоей проблемы. Если надо подсвечивать всю таблицу- вставляешь тот же код в тег таблицы. Если одна ячейка- в тег ячейки.
Или надо чтобы подсвечивалась сразу группа ячеек?
Всю группу...
Что бы было понятно предлагаю создать файл с данной табличкой и попробовать что-нибудь с ней сделать...
Вся проблема в том, что я не знаю как связать группу ячеек, что бы при наведении на одну, новое свойство применялось ко всем.
Самое простое, хоть и несколько нудное решение-
<table width="100%">
<tr bgcolor="#FFFFFF" onmouseover='this.style.backgroundColor="#0C0"'
onmouseout='this.style.backgroundColor="#FFF"'>
<td >left </td>
<td>
<table>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>3</td></tr>
</table>
</td>
<td>right </td>
</tr>
<tr>
<tr bgcolor="#FFFFFF" onmouseover='this.style.backgroundColor="#0C0"'
onmouseout='this.style.backgroundColor="#FFF"'>
<td>1</td><td>2</td><td>3</td></tr>
</table>:)
Вроде поняла...
Самое простое, хоть и несколько нудное решение-
<table width="100%">
<tr bgcolor="#FFFFFF" onmouseover='this.style.backgroundColor="#0C0"'
onmouseout='this.style.backgroundColor="#FFF"'>
<td >left </td>
<td>
<table>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>3</td></tr>
</table>
</td>
<td>right </td>
</tr>
<tr>
<tr bgcolor="#FFFFFF" onmouseover='this.style.backgroundColor="#0C0"'
onmouseout='this.style.backgroundColor="#FFF"'>
<td>1</td><td>2</td><td>3</td></tr>
</table>:)
Спасибо. Такой вариант я расматривал, в принципе сойдет, но не для моего случая...
На сколько утяжелится код, если этих "групп ячеек" несколько сотен??? Надо какой-то другой выход постараться найти...
Спасибо. Такой вариант я расматривал, в принципе сойдет, но не для моего случая...
На сколько утяжелится код, если этих "групп ячеек" несколько сотен??? Надо какой-то другой выход постараться найти...
А если каждую выделяемую группу сделать отдельной таблицей? Т.е. вставлять таблицу в ряд, а не в ячейку? Наверное, не так уж и утяжелится...8) Почти тоже самое получится.
А если каждую выделяемую группу сделать отдельной таблицей? Т.е. вставлять таблицу в ряд, а не в ячейку? Наверное, не так уж и утяжелится...8) Почти тоже самое получится.
Немного не понял? Чем это будет отличаться от предыдущего решения?
Немного не понял? Чем это будет отличаться от предыдущего решения?
<table width="100%">
<tr bgcolor="#FFFFFF"
onmouseover='this.style.backgroundColor="#0C0"'
onmouseout='this.style.backgroundColor="#FFF"'> <td> <table>
<tr>
<td rowspan="3"> </td>
<td> </td>
<td rowspan="3"> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</td> <tr> </table>
</table>
Всего 6 лишних тегов на группу.:)
<table width="100%">
<tr bgcolor="#FFFFFF"
onmouseover='this.style.backgroundColor="#0C0"'
onmouseout='this.style.backgroundColor="#FFF"'> <td> <table>
<tr>
<td rowspan="3"> </td>
<td> </td>
<td rowspan="3"> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</td> <tr> </table>
</table>
Всего 6 лишних тегов на группу.:)
Так это тоже самое, что и в предыдущем примере...
На самом деле, я так, наверное, и поступлю. В принципе, лучше не будет...
Спасибо зо помощь!;)