vla
Well-Known Member
- Регистрация
- 16.09.2011
- Сообщения
- 230
Здравствуйте! С первой задачей у меня получилось справиться (Обработка формы form (input)). Теперь хочу сделать удобочитаемую таблицу.
Суть такова: когда наводишь мышью на ячейку - выделяется вся строка(в которой эта ячейка). как я понял из книжки это делается событиями мыши onMouseOver="f_();" onMouseOut="f_();". И у меня получилось:
HTML
JS
Всё работает, но в этом случае надо писать столько функций, сколько ячеек в таблице!!!
И вот мой первый вопрос: Как обяснить функции, что надо 'расскрасить' (p01.backgroundColor = "#cccccc") ту ячейку, которая вызвала эту функцию?
Суть такова: когда наводишь мышью на ячейку - выделяется вся строка(в которой эта ячейка). как я понял из книжки это делается событиями мыши onMouseOver="f_();" onMouseOut="f_();". И у меня получилось:
HTML
Код:
<table>
<tr>
<td id="td11" onMouseOver="f_over();" onMouseOut="f_out();">11</td>
<td id="td12" onMouseOver="f_over();" onMouseOut="f_out();">12</td>
</tr>
<tr>
<td id="td21" onMouseOver="f_over();" onMouseOut="f_out();">21</td>
<td id="td22" onMouseOver="f_over();" onMouseOut="f_out();">22</td>
</tr>
</table>
Код:
function f_over() { var p01 = document.getElementById(???).style; p01.backgroundColor = "#cccccc"; }
function f_out() { var p02 = document.getElementById(???).style; p02.backgroundColor = ""; }
И вот мой первый вопрос: Как обяснить функции, что надо 'расскрасить' (p01.backgroundColor = "#cccccc") ту ячейку, которая вызвала эту функцию?