Skift baggrund OG tekst ved mouseover
Jeg har en tabel, som menu, hvorpå jeg gerne vil lave lidt mouseover-"fiks-fakserier" :o)Når musen er over TD vil jeg gerne skifte baggrundsbillede og tekst. Dette har jeg løst på denne måde:
<script language="JavaScript">
function changeText(menu)
{
if(menu == 'uddOn') {
document.getElementById("udd").innerHTML='Menu 1<br>Menu 2<br>Menu 3'
}
if(menu == 'uddOff') {
document.getElementById("udd").innerHTML=Uddannelse'
}
}
</script>
<style>
td.off {
background-image:url(images/gray-box.gif);
height:105px;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#FFF;
}
td.on {
background-image:url(images/box-red.gif);
height:105px;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#FFF;
}
</style>
....snip....
<td width="180" class="off" onmouseover="this.className='on';changeText('uddannelseOn');" onmouseout="this.className='off';changeText('uddannelseOff');" id="udd" />Dette er en test</td>
....snip....
men men men..... jeg vil jo gerne have nogle links i min "On"-tekst, men når man så fører musen over et link, så forstår browseren det som en mouseout dvs. baggrund og tekst går tilbage til Off-tilstand....
Hvordan kan jeg klare det???
