Ändra bakgrundsfärg på tabell

4 svar · 319 visningar · startad av NoiseMaker 9 feb. 2003

NoiseMakerMedlem sedan sep. 2001171 inlägg

Frågan9 feb. 2003 15:11#1

tja

Någon som vet hur man ändrar bakgrundsfärgen i en tabell (alternativt en cell) men hjälp av javascipt?

Att ändra bakgrundsfärgen på hela sidan är ju enkelt.. men bara en speciell tabell? Jag har försökt med hjälp av att sätta ID på tabellen.. funkar dock ej =(

tacksam för hjälp

Jesper TMedlem sedan nov. 20017 144 inlägg

9 feb. 2003 17:21#2

<style>
<!--
.btnDown{background-color:red;}
.btnUp{background-color:green;}
-->
</style>

</head>

<body bgcolor="#FFFFFF" text="#000000">

<table width="100" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td onmousedown = "this.className='btnDown'" onmouseup="this.className='btnUp'" style="width:200px; height:115px;border:1px solid #CCCCCC;">Klicka 
      i tabellen</td>
  </tr>
</table>

NoiseMakerMedlem sedan sep. 2001171 inlägg

10 feb. 2003 14:38#3

suveränt.. funkar fint!

fast om jag har en hexadecimal färg i en variabel.. och vill att den skall sättas som bakgrund.. hur gör man då?

*känner sig korkad* =)

Peter SMedlem sedan dec. 20025 483 inlägg

10 feb. 2003 15:11#4

Är det så här du menar?

<script type="text/javascript">
<!--

var foo = "#ff0000";
var bar = "#ffffff";

//-->
</script>

...

<table width="300" border="1">
<tr>
     <td onmouseover="this.style.background=foo" onmouseout="this.style.background=bar">:)</td>
</tr>
</table>

NoiseMakerMedlem sedan sep. 2001171 inlägg

10 feb. 2003 15:27#5

det är precis vad jag menar =) Fan vad sköna ni är!

...

(och det menar jag på ett positivt sätt....)