В общем есть менюшка, которая является табличкой 1X7.
Каждая строка(соответсвенно и ячейка) содержит в себе отдельный элемент менюшки (т.е отдельную ссылку). Вот страюсь уже давно написать прогу, чтобы при наведении на любой из элементов менюшки менялся цвет. но получается сделать такое только с первым элементом или ваще ни с чем
Содержимое файла index.php:
...
<head>
<script type="text/javascript" src="effect.js" ></script>
</head>
....
<table class="catalog" width="100%" height="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr id="tra" onmouseover="over();" onmouseout="out();" >
<td><a href="#" title="" class="id">Элемент1</a></td></tr>
<tr id="tra" onmouseover="over();" onmouseout="out();" ><td><a href="#" title="" class="id">Элемент2</a></td></tr><!-- ТАК ВЫДАЕТ ОШИБКУ -->
...
</tbody>
</table>
содержимое файла effect.js:
...
function over(){
tra.style.backgroundColor='#a5d369';
}
function out(){
tra.style.backgroundColor='#cdeda3';
}
...
Помогите написать мне плиз правильную прогу!!! Я новичек в Яваскрипте, много чего в нем не понятно...