---
title: "tabell som byter färg vid onmousover"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/55414-tabell-som-byter-färg-vid-onmousover"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "da97enla"
published: "2002-10-08T11:32:54.000Z"
updated: "2002-10-08T17:07:05.000Z"
replies: 5
views: 232
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/55414-tabell-som-byter-färg-vid-onmousover"
---

# tabell som byter färg vid onmousover

## #1 — da97enla, 2002-10-08T11:32Z

Hej

Jag har en meny i en tabell och när man för musen över ändras färgen i cellerna. Jag har olika färger för varje cell. Nu till min fråga, kan man skriva någon slags case sats för detta som jag har gjort nu ser det inte snyggt ut. Det blir väldigt mycket kod!

```
function mOvera(menya)
{
if(document.getElementById||(document.all && !(document.getElementById))){
menya.style.backgroundColor="#B45072";
}
}
function mOuta(menya){
if(document.getElementById||(document.all && !(document.getElementById))){
menya.style.backgroundColor="#999999";
}
}
function mOverb(menyb){
if(document.getElementById||(document.all && !(document.getElementById))){
menyb.style.backgroundColor="#717DA8";
}
}
function mOutb(menyb){
if(document.getElementById||(document.all && !(document.getElementById))){
menyb.style.backgroundColor="#717DA8";
}
}
function mOverc(menyc){
if(document.getElementById||(document.all && !(document.getElementById))){
menyc.style.backgroundColor="#669999";
}
function mOutc(menyc){
if(document.getElementById||(document.all && !(document.getElementById))){
menyc.style.backgroundColor="#999999";
}
```

mvh 
enla

Permalänk: https://www.webforum.nu/p/55414

## #2 — mikkeX, 2002-10-08T12:38Z

Två lösningar (på den första måste du lägga till document.all för att funka på gamla ie):

```
<script type="text/javascript">
function mOvera(menya,color)
{
if(document.getElementById)
{
obj = document.getElementById(menya);
obj.style.backgroundColor=color;
}
}

</script>

<div id="ett" style="width: 100px; height: 100px;" onmouseover="mOvera('ett','#B45072')" onmouseout="mOvera('ett','#3300FF')";>ett</div>
```

Eller direkt utan funktion:

```
<div id="tva" style="width: 100px; height: 100px;" onmouseover="this.style.backgroundColor='black'" onmouseout="this.style.backgroundColor='red'";>ett</div>
```

Redigerade: fick med liet skräp...

Permalänk: https://www.webforum.nu/p/813531

## #3 — da97enla, 2002-10-08T13:48Z

Ok, så om jag har förstått det hela rätt skulle jag kunna göra så här då:

```
 
<script type="text/javascript">
function mOver(this,color)
{
if(document.getElementById)
{
obj = document.getElementById(this);
obj.style.backgroundColor=color;
}
}

</script>

<div id="ett" style="width: 100px; height: 100px;" onmouseover="mOvera('ett','#B45072')" onmouseout="this('ett','#3300FF')";>ett</div>

<div id="två" style="width: 100px; height: 100px;" onmouseover="mOvera('två','#CCCCCC')" onmouseout="this('två','#3300FF')";>två</div>
```

Mha en this-pekare?

Enla

Permalänk: https://www.webforum.nu/p/813598

## #4 — mikkeX, 2002-10-08T14:27Z

Inte riktigt, utan så här:

```
<script type="text/javascript">
function mOvera(menya,color)
{
if(document.getElementById)
{
obj = document.getElementById(menya);
obj.style.backgroundColor=color;
}
}
</script>

<div id="ett" style="width: 100px; height: 100px;" onmouseover="mOvera('ett','#B45072')" onmouseout="mOvera('ett','#3300FF')";>ett</div>
<div id="tva" style="width: 100px; height: 100px;" onmouseover="mOvera('tva','#B45072')" onmouseout="mOvera('tva','#3300FF')";>ett</div>
```

Permalänk: https://www.webforum.nu/p/813637

## #5 — da97enla, 2002-10-08T14:54Z

Ok, tack så mycket för hjälpen, har inte riktigt förstått det här med thispekare, men det här funkar ju i alla fall.  :)

Permalänk: https://www.webforum.nu/p/813666

## #6 — Jojoxx, 2002-10-08T17:07Z

Man kan säga att *this* pekar på det aktuella elementet eller objeketet. Använder du det i ett event till en länk är det a-elementet som den syftar på. Använder du det i ett formulär är det form-elementet. Använder du det i ett objekt i ett script är det objektet det syftar på osv.

Permalänk: https://www.webforum.nu/p/813767

---

Tråden på webben: https://www.webforum.nu/amne/javascript/55414-tabell-som-byter-färg-vid-onmousover