Søg
Avatar billede eksperten_christian Nybegynder
03. marts 2003 - 18:37 Der er 15 kommentarer og
1 løsning

Hvordan skiftes baggrundsfarven i en table ved onMouseOver

Jeg ønsker at farven i den pågældende celle skal skifte favrve ved onMouseOver.

<td bgcolor="#FFCC33" onMouseOver="style.color='white'" onMouseOut="style.color='black'" height="15" width="107">Om os</td>

Som det ses er det ikke noget problem at skite tekst farve, men hvordan får man baggrundsfarven til at skifte?
Avatar billede pelkjaer Nybegynder
03. marts 2003 - 18:42 #1
onmouseover="this.style.backgroundColor='red';"
Avatar billede jakobclausen Nybegynder
03. marts 2003 - 20:11 #2
<html>
<head>
  <title>Eksempel </a>
<script>
function over()
{
document.all["minTable"].bgcolor = farve ved mouseOver;
}

function ud()
{
document.all["minTable"].bgcolor = farve ved mouseOut;
}
</Script>
</head>
<body>
<table><tr>
<td bgcolor="#FFCC33" ID="minTabel" onMouseOver="over();" onMouseOut="ud();" height="15" width="107">Om os</td>
</tr></table>
</body>
</html>
Avatar billede jakobclausen Nybegynder
03. marts 2003 - 20:17 #3
www.bokaj.dk/eksperten/tabel.html
Avatar billede pelkjaer Nybegynder
03. marts 2003 - 20:24 #4
Synes du ikke det skal virke i andet end IE?
Avatar billede pelkjaer Nybegynder
03. marts 2003 - 20:41 #5
Vi kan jo også blot bruge css

.contentTbl {
    background-color: #ccc;
    color: #FFFFFF;
}
.contentTbl a {
    background-color: #ccc;
    color: #FFFFFF;   
    display: block;
}
.contentTbl a:hover {
    background-color: #666;
    color: #FFFFFF;
}

og så blot

<td class="contentTbl"><a href="#">test</a></td>

--------------------

Eller i js hvis du man skal lave en funktion

function styleSkift() {
  var a = arguments;
  for (i=0; i<a.length; i+=2) {
    if (document.getElementById) {
      if (a[i] != "none") {
        x = document.getElementById(a[i]);
        x.style.backgroundColor = a[i+1];
      }
    }
  }
}

og så

<td id="demo" onmouseover="styleSkift('demo','#ccc');" onmouseout="styleSkift('demo','#fff');">test</td>
Avatar billede nielsmo Nybegynder
03. marts 2003 - 20:56 #6
eller hvad med noget ala www.hejle.net (husk at tænde højtalerne)
Avatar billede olebole Juniormester
03. marts 2003 - 21:28 #7
<ole>

"hejle.net" ... hvilket sprog er det ...?
Jaja, jeg kan godt regne ud, det betyder "så nedlæg dog det net" - men på hvilket sprog?

/mvh
</bole>
Avatar billede nielsmo Nybegynder
03. marts 2003 - 21:54 #8
det er faktisk hjemmesiden for fritidsforeningen thomas p. hejle.....


>niels - ja moi...
Avatar billede pelkjaer Nybegynder
03. marts 2003 - 21:56 #9
Man får sq' da hovedpine af den side :) -og det er både siden og musikken jeg taler om..
Avatar billede olebole Juniormester
03. marts 2003 - 21:59 #10
Tankevækkende, når man ved, hvor meget godt der ellers er udgået derfra  :)
Avatar billede janeamil Nybegynder
03. marts 2003 - 22:00 #11
Det er sq da en fucking fed side mand :)
Avatar billede pelkjaer Nybegynder
03. marts 2003 - 22:00 #12
Snakker du om dig selv :) *aner ikke hvad det er*
Avatar billede janeamil Nybegynder
03. marts 2003 - 22:01 #13
http://www.hejle.net/intromusik.swf Der er siden til musikken *lol*
Avatar billede olebole Juniormester
03. marts 2003 - 22:02 #14
Ehhhh ......... fed side ...?!?!!!! Jeg tror, jeg holder mig til den slanke linie, så  :)
Burde helt klart laves i en Light-version!
Avatar billede eksperten_christian Nybegynder
04. marts 2003 - 09:26 #15
->Bokaj - Jeg tog eksemplet fra www.bokaj.dk/eksperten/tabel.html, det var sgu noget der kan bruges til andet på senere tidpunkt.
Og forresten...
->nielsmo - Har du hørt om visuelt design??? Desuden skal du huske at betale KODA!!! ;o)
Avatar billede nielsmo Nybegynder
04. marts 2003 - 12:54 #16
eksperten_christian ->
1. det er ikke mig der har lavet den...
2. hvis du læser i kolonne 1 så er afgiften til koda betalt...

>Niels ja moi...
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 JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
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 dag 01:57 Tjek alle checkbox i form Af bsn i ASP
I går 21:35 Lidt simpel (håber jeg) Photoshop hjælp Af fcs i Billedbehandling
16/0516:04 Canon printer vil ikke udskrive farver Af mort1 i Printere
16/0514:50 Hvilket fabrikat af Mesh systemer virker? Af fkj i Wifi
15/0513:45 AJAX kode -javascript Af Asky i Programmeringsværktøjer
White papers
Flere white papers »