Funktion virker ikke i Firefox
Hej eksperterJeg har en menu med links af formen:
<a href="main.asp" id="home" onmouseover="hoverin(0)" onmouseout="hoverout(0)" onclick="mchoice(0)">Home</a>
og funktionerne:
// *********************************************************
function hoverin(elm){
var menunames = new Array('home','bio','cv','pic','and');
if(document.getElementById(menunames[elm]).parentNode.style.backgroundColor=='#5183b5'){
document.getElementById(menunames[elm]).style.color='#e01919';
}
}
// *********************************************************
function hoverout(elm){
var menunames = new Array('home','bio','cv','pic','and');
document.getElementById(menunames[elm]).style.color='#000000';
}
Det virker fint i IE, men i Firefox virker det kun første gang musen føres over et link. Det vil sige at den farver linket #e01919 når musen kommer ind over, og #00000 når den fjernes, men næste gang det forsøges forbliver linket sort.
Måske har det noget at gøre med mine styles, som ser sådan ud:
a:link, a:visited, a:active{ color : #000000;
text-decoration : none;
font-family : Arial;
font-weight : bold;
}
a:hover{ color : #e01919;
font-family: Arial;
font-weight : bold;
}
Håber i kan se hvad der er galt!!
