OnMouseOver med reference til anden celle

en løsning som dog godt kunne optimeres ;)

<table width='100%' align='center' cellpadding='5' cellspacing='0'>
    <tr>
      <td id='1_1'>1</td>
      <td id='1_2'>2</td>
      <td id='1_3'>3</td>
      <td id='1_4'>4</td>
      <td id='1_5'>5</td>
      <td id='1_6'>6</td>
      <td id='1_7'>7</td>
    </tr>
    <tr>
      <td onMouseOver='document.getElementById("1_1").style.backgroundColor="#FFFF00"' onMouseOut='document.getElementById("1_1").style.backgroundColor="#FFFFFF"'>1</td>
      <td onMouseOver='document.getElementById("1_2").style.backgroundColor="#FFFF00"' onMouseOut='document.getElementById("1_2").style.backgroundColor="#FFFFFF"'>2</td>
      <td onMouseOver='document.getElementById("1_3").style.backgroundColor="#FFFF00"' onMouseOut='document.getElementById("1_3").style.backgroundColor="#FFFFFF"'>3</td>
      <td onMouseOver='document.getElementById("1_4").style.backgroundColor="#FFFF00"' onMouseOut='document.getElementById("1_4").style.backgroundColor="#FFFFFF"'>4</td>
      <td onMouseOver='document.getElementById("1_5").style.backgroundColor="#FFFF00"' onMouseOut='document.getElementById("1_5").style.backgroundColor="#FFFFFF"'>5</td>
      <td onMouseOver='document.getElementById("1_6").style.backgroundColor="#FFFF00"' onMouseOut='document.getElementById("1_6").style.backgroundColor="#FFFFFF"'>6</td>
      <td onMouseOver='document.getElementById("1_7").style.backgroundColor="#FFFF00"' onMouseOut='document.getElementById("1_7").style.backgroundColor="#FFFFFF"'>7</td>
    </tr>
</table>

>>elskermad

-- du skal lige være opmærksom på, at det ifølge html-standarden ikke er tilladt at bruge et tal som første tegn i en id-attribut (men det virker vist stadig i IE !-)

Men hvad med at bruge en anden indgangsvinkel, hvor man med nogle divs i cellerne styrer de to ting, og så nøjes med een række ?-)

<table>
  <tr>
    <td onmouseover="this.getElementsByTagName('DIV')[0].style.backgroundColor='red'" onmouseout="this.getElementsByTagName('DIV')[0].style.backgroundColor='green'">
      <div style="background:green;height:20px;"></div>
      <a href="noget">Noget</a></td>
  </tr>
</table>

Tak for de hurtige svar begge to. Umiddelbart virker jeres svar jo begge præcis efter hensigten, så det er helt i top =:o)

Men kan det lade sig gøre at flette ind, at hvis brugeren klikker på linket, så fastholdes farven i øverste celle, samtidigt med at OnMouseOver-effekten fortsat virker på de øvrige celler?

Så skal du onload undersøge om linket til den nuværende side er til en af linkene, og så ændre grundfarven over linket, samt finde på noget med mouseout, som må basere sig på en js-variabel !-)

hehe så er det fordi du har glemt at fortælle mig det roenving! ;) vil mene at du stortset har lært mig 70% af alt det javascript jeg kan! - siger jeg tak for... - endnu en ting jeg har lært i dag! (de sidste 30% har jeg vist lært af olebole!)

eftersom jeg bruger IE ser jeg ikke sådanne fejl og bliver ikke opmærksomme på at det er en fejl...

Så kan jeg da kun anbefale dig at hente den nyeste FireFox til at kontrollere med (hvilket jeg også selv bruger !-)

www.mozilla.org ...

tak for hjælpen =:o)

>>roenving

Læg et svar, så accepterer jeg også det...

-- men det kan du ikke, når du har lukket et spørgsmål !-)

Damn...så jeg kan altså ikke acceptere svar før alle har afgivet et svar. Sorry...det anede jeg ikke. Sker sjældent at jeg opretter spørgsmål, så var ikke helt dus med reglerne omkring acceptering af svar. Jeg skylder dig en tjeneste så, roenving.