Søg
Avatar billede netrnger Nybegynder
30. januar 2000 - 16:52 Der er 5 kommentarer og
1 løsning

Musen skifter baggrundsfarve i tabel

Hvordan får man tabel-celler til at skifte farve alt efter om musen er over tabellen eller ej.
Jeg har set effekten på f.eks. www.spilzonen.dk og www.itbutikken.dk
Har jeg ret i at det har noget med CSS at gøre?
Avatar billede silberbauer Nybegynder
30. januar 2000 - 17:54 #1
Ja det er korrekt. Prøv det her (ikke testet, men ideen skulle virke):
<html>
<head>
<style>
.cellnormal {background-color:white}
.cellcolor {background-color:red}
</style>

<script language="javascript">
function skiftfarve(celle) {
  celle.classname="cellcolor";
}

function skifttilbage(celle) {
celle.classname="cellnormal";
}
</script>
</head>
<body>
<table>
<tr>
<td ID="celle1" classname="cellnormal" onMouseOver="skiftfarve(celle1)" onMouseOut="skifttilbage(celle1)">
BLa blablabla
</td>
</tr>
</table>
</body>
</html>
Avatar billede netrnger Nybegynder
30. januar 2000 - 18:01 #2
Det ser desværre ikke ud til at virke. Der sker ihvertfald ingenting... :(
Avatar billede jt Nybegynder
30. januar 2000 - 19:21 #3
Der er et script her:

http://wsabstract.com/script/cut97.shtml

der gør det for en hel tabel. Jeg vil tro, at du kan få det til at virke for enkelte celler også, ellers kan du jo bare oprette en tabel med én celle inde i en celle.

Scriptet virker i hvert fald i MSIE 4.0+, men om det virker i Netscape, skal jeg ikke kunne sige.
Avatar billede silberbauer Nybegynder
30. januar 2000 - 22:34 #4
Nå nej - onMouseOver skal være på et link og ikke selve cellen. Dumt.
Avatar billede sokristi Nybegynder
31. januar 2000 - 10:31 #5
Her er muligvis svaret på dine bønner:
http://www.dynamicdrive.com/dynamicindex11/highlighttable.htm

Vær opmærksom på, at det kun virker i IE 4.x+. Jeg tror faktisk ikke, at du kan bygge denne funktion sådan, at den virker i NS!
Avatar billede netrnger Nybegynder
31. januar 2000 - 17:11 #6
Jeps! Det var svaret på mine bønner - takker...
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 20:59 Gentagen fejlmeddelelse. Af aj9430dk i Windows
I går 18:00 Min HP MFP176 falder hle tiden af lan-netværket. Kan det sparkes i gang? Af andershl i Printere
I går 16:26 Fejlmelding på 64 GB Philips USB-drev Af hudsonium i PC
16/1010:01 W11 opdatering stopper Af barth i Windows
15/1019:59 TOMTOM GO Af nu_igen i Andet hardware
White papers
Flere white papers »