---
title: "Byta färg på <tr>"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/86980-byta-färg-på-tr"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Calippo"
published: "2003-09-25T21:52:42.000Z"
updated: "2003-09-26T15:27:31.000Z"
replies: 4
views: 411
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/86980-byta-färg-på-tr"
---

# Byta färg på <tr>

## #1 — Calippo, 2003-09-25T21:52Z

Har sökt, men ej funnit.

Behöver ett skipt som byter bakgrundsfärg på en \<tr\> när man klickar på den. Klickar man på en annan \<tr\> så ska den byta färg och den förra ska byta tillbaka till ursprungsfärgen.

Nån som vet hur?

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

## #2 — Jesper T, 2003-09-25T22:20Z

Det finns säkert mer optimerad kod för detta men här är ett exempel:

```
<head>
<style type="text/css">
.red{background-color:red;}
.green{background-color:green;}
tr{background-color:green;}
</style>
<script>
function colorchange(id){
document.getElementById('f1').className='green';
document.getElementById('f2').className='green';
document.getElementById('f3').className='green';
document.getElementById(id).className='red';
}
</script>
</head>

<body>
<table width="200" border="1">
  <tr id="f1" onclick="colorchange('f1')">
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
   <tr id="f2" onclick="colorchange('f2')">
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr id="f3" onclick="colorchange('f3')">
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table> 
</body>
```

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

## #3 — Calippo, 2003-09-25T22:32Z

Den funkar ju bra. Men hur skriver man koden o man har typ 200 \<tr\> taggar... loopar nämligen ut data från en databas...

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

## #4 — Calippo, 2003-09-25T22:35Z

Hitta en som jag modifierade lite:

\<script\>
function swapBG(obj) 
{
    for (var i = 1 ; i \<= 10 ;i++)
    {
         eval("document.all.item('TR" + i + "').bgColor = '#FFFFFF'")
         eval("document.all.item('TR" + i + "').style.color = '#000000'")
    }
    document.all.item(obj).bgColor='#316AC5';
    document.all.item(obj).style.color='#FFFFFF';
}
\</script\>

\<tr bgcolor="#FFFFFF" id="TR\<%=x%\>" name="TR\<%=x%\>" onclick="swapBG('TR\<%=x%\>');goTo(\<%=Rs("id")%\>);"\>

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

## #5 — Melea, 2003-09-26T15:27Z

Om du använder asp kan du skriva såhär:

```
<%dim loopcolor, color1, color2
color1 = "#FFFFFF"
color2 = "#000000"
loopcolor = "#FFFFFF"

function setColor ()
if loopcolor = color1 then
loopcolor = color2
else
loopcolor = color1
end if
setColor = loopcolor 
end function%>

<tr bgcolor="<%=setColor%>">
```

Glöm inte att skriva koden utanför loopen bara.

Mvh

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/86980-byta-färg-på-tr
