/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
Onmouseover - skift farve...
Fra : René Poulsen


Dato : 04-10-03 13:38

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

 
 
Walther Jensen (05-10-2003)
Kommentar
Fra : Walther Jensen


Dato : 05-10-03 09:46

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

René Poulsen (05-10-2003)
Kommentar
Fra : René Poulsen


Dato : 05-10-03 21:38

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

Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408847
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste