Не могу написать норм прогу (события)!!!
В общем есть менюшка, которая является табличкой 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';
}
...
Помогите написать мне плиз правильную прогу!!! Я новичек в Яваскрипте, много чего в нем не понятно...
|
<tr onmouseover="over(this);" onmouseout="out(this);">
function over(e){
e.style.backgroundColor='#a5d369';
}
function out(e){
e.style.backgroundColor='#cdeda3';
}
|
Ну, во-первых, id в документе должны быть уникальными.
Во-вторых, tr не является отображаемым элементом, задник лучше менять у td. А в-третьих, сделайте ссылку display:block и меняйте задник через css безо всякого яваскрипта. |
| Часовой пояс GMT +3, время: 18:56. |