Farveskrift med rollOver

Virker fint hos mig, når man husker at åbne og lukke sin tabel:

<script type="text/javascript">

function flipbg(element,mode)
  {
    if (mode=="in")
    {
      cursortype = 'hand'
      colorval = '#4c6184'
      colortext = '#f9f9eb'
    }
    else if (mode=="out")
    {
      cursortype = ''
      colorval = '#f9f9eb'
      colortext = '#4c6184'
    }
  element.style.backgroundColor=colorval;
  element.style.cursor=cursortype;
  element.style.color=colortext;
}

</script>





Kaldet med:
<table><tr>
<td style="border:1px solid #4c6184;" bgcolor="#f9f9eb" onmouseover="flipbg(this,'in');" onmouseout="flipbg(this,'out');" align="center"><a title="Relevante adresser" class="menu" href="index.php?inc=page&p=hvem_er_vi">Hvem er vi?</a></td>
</tr></table>

Ah...du kan ikke få teksten til at skifte farve :)

Jamen det er jo fordi det er et link, og har sin egen style.

så derfor ???

Kan jeg smide en OnClick på en tabelcelle?

Prøv at drop din tabel og lave se sådan her:

<a style="border:1px solid #4c6184" onmouseover="flipbg(this,'in');" onmouseout="flipbg(this,'out');" title="Relevante adresser" class="menu" href="index.php?inc=page&p=hvem_er_vi">Hvem er vi?</a>

Du kan godt smide en onclick på, men folk uden JS aktiveret har så et problem.

Den skifter først på teksten når jeg kommer ind over selve linket

Jo, nu lader det til at virke. Tak for hjælpen. Nu skal menuen bare rettes til, så det ordentligt ud.
Smif et svar.

Ja?

Hvis det er et problem kan du smide en

display:block ind i stylen for linket.

Det kunne også laves med CSS, men hvis du er tilfreds med det som det er nu er det jo fint :)

Det er skørt at lave om på cursor-type onmouseover, da den alligevel kun gælder der, men du kan sagtens bibeholde, at det er tabelcellen, som modtager mouseoveren, f.eks. sådan:

<script type="text/javascript">
function flipbg(element,mode){
    if (mode=="in"){
      colorval = '#4c6184';
      colortext = '#f9f9eb';
    }else if (mode=="out"){
      colorval = '#f9f9eb';
      colortext = '#4c6184';
    }
  element.style.backgroundColor=colorval;
  element.firstChild.style.color=colortext;
}
</script>

<table><tr>
<td style="border:1px solid #4c6184;cursor:pointer;cursor:hand;" bgcolor="#f9f9eb" onmouseover="flipbg(this,'in');" onmouseout="flipbg(this,'out');" align="center">
<a title="Relevante adresser" class="menu" href="index.php?inc=page&p=hvem_er_vi">Hvem er vi?</a></td>
</tr></table>