/ 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 der ændrer baggrundsfarve og t~
Fra : Rasmus Nielsen


Dato : 16-06-04 22:08

Jeg har nogle tabeller, hvis baggrundsfarve skifter, når man fører musen
over og væk fra tabellen.

Jeg gør følgende

<table><tr>
<td onmouseover="bgColor='#farve'" onmouseout="bgColor='#farve'">... osv

Men kan man få den tekst der står i tabel cellen til at skifte farve
samtidig?

(Det er jo ret upraktisk at man ikke kan læse en sort text, når
baggrundsfarven ændres til sort, når man fører musen over)

--
mvh

Rasmus Nielsen
www.rasmus-nielsen.dk



 
 
Knud Gert Ellentoft (16-06-2004)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 16-06-04 22:42

Rasmus Nielsen skrev:

><table><tr>
><td onmouseover="bgColor='#farve'" onmouseout="bgColor='#farve'">... osv
>
>Men kan man få den tekst der står i tabel cellen til at skifte farve
>samtidig?

Brug det med css.

<td style="background: black; color: white; width: 150px; height:
50px"
onMouseOver = "this.style.color='red';
this.style.backgroundColor='yellow';"
onMouseOut = "this.style.color='white';
this.style.backgroundColor='black';">
Tekst
</td>
--
Knud

Martin Hintzmann And~ (17-06-2004)
Kommentar
Fra : Martin Hintzmann And~


Dato : 17-06-04 09:10

Rasmus Nielsen wrote:

> Jeg har nogle tabeller, hvis baggrundsfarve skifter, når man fører musen
> over og væk fra tabellen.
>
> Jeg gør følgende
>
> <table><tr>
> <td onmouseover="bgColor='#farve'" onmouseout="bgColor='#farve'">... osv
>
> Men kan man få den tekst der står i tabel cellen til at skifte farve
> samtidig?
>

Jeg fortrækker at ændre class på td elementet ved over og out, så kan
man styre udseendet i stylesheet.

Hintzmann c",)

Knud Gert Ellentoft (17-06-2004)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 17-06-04 17:14

Martin Hintzmann Andersen skrev:

>Jeg fortrækker at ændre class på td elementet ved over og out, så kan
>man styre udseendet i stylesheet.

Har ellers tit fået at vide, at det ikke er anbefalelsesværdigt
(this.className).

Skulle virke meget tungt i de fleste browsere.
--
Knud

Martin Hintzmann And~ (18-06-2004)
Kommentar
Fra : Martin Hintzmann And~


Dato : 18-06-04 06:19

Knud Gert Ellentoft wrote:
> Martin Hintzmann Andersen skrev:
>
>
>>Jeg fortrækker at ændre class på td elementet ved over og out, så kan
>>man styre udseendet i stylesheet.
>
>
> Har ellers tit fået at vide, at det ikke er anbefalelsesværdigt
> (this.className).
>
> Skulle virke meget tungt i de fleste browsere.

Som du kan se her forstås className af alle nyere browsere.
http://www.quirksmode.org/dom/w3c_html.html

Jeg har ikke målt det, men mine erfaringer siger mig at det ikke er
tungt for browserne.

Men... vi bruger (X)HTML til indhold, CSS til præsentation og JavaScript
til behavior/funktioner.

At bruge en class i javascript'et giver en bedre adskillelse af
præsentation og funktion.

Har han et eller flere layouts, enten færdige eller i design fasen, så
er det meget nemmere at ændre udseendet i et stylesheet, fremfor at
ændre det i javascriptet.

Men ... din metode virker selvfølgelig også, jeg syntes bare at min
metode er mere hensigtmæssigt.


--
Martin Hintzmann Andersen
http://www.hintzmann.dk/

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