var bg_color1="#eb0000";
var bg_color2="white";
var font_color1="white";
var font_color2="#eb0000";
function menuin(item) {
item.style.backgroundColor=bg_color2;
item.style.color=font_color2;
}
function menuout(item) {
item.style.backgroundColor=bg_color1;
item.style.color=font_color1;
}
JavaScript и DOM
В JavaScript не очень соображаю...
Имеется например следующий кусок текста:
[html]
<tr>
<td onmouseover="menuin(this)" onmouseout="menuout(this)">
<a href="http://articles.php?id=">:: Ссылка №1</a>
</td>
</tr>
[/html]
И JavaScript-код:
Так вот... В чём проблема... Мне нужно при наведении поменять цвет ссылки.. А вот как получить к нему доступ... Через childNodes и через children[] пробовал, да не получилось... Не подскажите как правильно сделать??
И ещё! Вот этот фрагмент кода в таблице состоит, и таких ссылок с <tr> и <td> где-то штук 10.. Можно ли на таблицу повесить события onmouseover и onmouseout, чтобы эти методы отлавливали на какой ссылке ща мышка и следовательно выполнял функцию (приведённую выше) с этой ссылкой???
Имеется например следующий кусок текста:
[html]
<tr>
<td onmouseover="menuin(this)" onmouseout="menuout(this)">
<a href="http://articles.php?id=">:: Ссылка №1</a>
</td>
</tr>
[/html]
И JavaScript-код:
Код:
Так вот... В чём проблема... Мне нужно при наведении поменять цвет ссылки.. А вот как получить к нему доступ... Через childNodes и через children[] пробовал, да не получилось... Не подскажите как правильно сделать??
И ещё! Вот этот фрагмент кода в таблице состоит, и таких ссылок с <tr> и <td> где-то штук 10.. Можно ли на таблицу повесить события onmouseover и onmouseout, чтобы эти методы отлавливали на какой ссылке ща мышка и следовательно выполнял функцию (приведённую выше) с этой ссылкой???
Могу посоветовать делать это через классы CSS. Например
[HTML]
function moveOverHandler(id)
{
document.getElementById(id).className = "selectedMenuItem";
}
function moveOutHandler(id)
{
if(id != document.getElementById('selectedMenuId').value) document.getElementById(id).className = "unselectedMenuItem";
}
[/HTML]
[HTML]
function moveOverHandler(id)
{
document.getElementById(id).className = "selectedMenuItem";
}
function moveOutHandler(id)
{
if(id != document.getElementById('selectedMenuId').value) document.getElementById(id).className = "unselectedMenuItem";
}
[/HTML]
Можно вообще без JVS, а через CSS:
Код:
a.calssnm {color: black; background: whtie}
a.classnm:hover {color: red;background: white}
a.classnm:hover {color: red;background: white}
Осёл непонимает :hover у таблиц. Делать ссылку во всю ячейку - изврат.
Если немного преобразовать код, и убрать white spaces между <td> и <a>, то доступ можно получить по
item.firstChild.style...
если же не лезть в HTML, тогда нужно делать цикл, и находить в нём этот <a>
if (currentItem.nodeName=="A")
item.firstChild.style...
если же не лезть в HTML, тогда нужно делать цикл, и находить в нём этот <a>
if (currentItem.nodeName=="A")
SuhOFF, спасибо!!! Помогло!!! Можно закрывать тему... :)