---

Hello!

Jeg sidder og lejer lidt med noget onmouseover effekt, som jeg
bruger til en menu.

Baggrunden i en css boks skal skifte farve når musen føres
henover. Jeg kan gøre det ved følgende kode:

onmouseover="this.style.backgroundColor='#266CAC';"

Problemet er så bare at jeg skal skrive det ved hver eneste menu
punkt så jeg tænkte på om der var nogle af jer javascript hajer
der kunne hjælpe mig.

Jeg har LIDT kendskab til javscript og ved at det ska være noget
med: 'funtion over(){' og her går jeg så i stå...

I onmouseover skal der så selvfølgelig stå '=javascript:over();'
eller...?

Hvad skal jeg skrive for at ændre baggrundsfarven???

På forhånd tak!

/René


--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Prøv med følgene kode ;)

<script language="javascript">

function Over(obj) {
obj.style.backgroundColor = 'black'
obj.style.color = 'white'
}

function Out(obj) {
obj.style.backgroundColor = 'white'
obj.style.color = 'black'
}
</script>

<table>
   <tr>
      <td onmouseover="Over(this)" onmouseout="Out(this)">1</td>
   </tr>
   <tr>
      <td onmouseover="Over(this)" onmouseout="Out(this)">2</td>
   </tr>
   <tr>
      <td onmouseover="Over(this)" onmouseout="Out(this)">3</td>
   </tr>
   <tr>
      <td onmouseover="Over(this)" onmouseout="Out(this)">4</td>
   </tr>
   <tr>
      <td onmouseover="Over(this)" onmouseout="Out(this)">5</td>
   </tr>
   <tr>
      <td onmouseover="Over(this)" onmouseout="Out(this)">6</td>
   </tr>
</table>

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Walther Jensen wrote in dk.edb.internet.webdesign.clientside:
> Prøv med følgene kode ;)
>
> <script language="javascript">
>
> function Over(obj) {
> obj.style.backgroundColor = 'black'
> obj.style.color = 'white'
> }
>
> function Out(obj) {
> obj.style.backgroundColor = 'white'
> obj.style.color = 'black'
> }
> </script>
>
> <table>
>    <tr>
>       <td onmouseover="Over(this)" onmouseout="Out(this)">1</td>
>    </tr>
>    <tr>
>       <td onmouseover="Over(this)" onmouseout="Out(this)">2</td>
>    </tr>
>    <tr>
>       <td onmouseover="Over(this)" onmouseout="Out(this)">3</td>
>    </tr>
>    <tr>
>       <td onmouseover="Over(this)" onmouseout="Out(this)">4</td>
>    </tr>
>    <tr>
>       <td onmouseover="Over(this)" onmouseout="Out(this)">5</td>
>    </tr>
>    <tr>
>       <td onmouseover="Over(this)" onmouseout="Out(this)">6</td>
>    </tr>
> </table>
>
Lige nøjagtigt! Det er sådan det skal være
Jeg kan se at jeg selv har været meget tæt på at få det til at
fungere, men fik det desværre ikke

Tak for hjælpen!

/René

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials