---
title: "ändra färg på <tr>"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/96873-ändra-färg-på-tr"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Danielkun"
published: "2004-02-09T05:52:46.000Z"
updated: "2004-02-10T11:05:07.000Z"
replies: 6
views: 295
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/96873-ändra-färg-på-tr"
---

# ändra färg på <tr>

## #1 — Danielkun, 2004-02-09T05:52Z

nu använder jag detta för att byta ut färgen vid mouseOver

\<tr bgcolor="#F1F2A3" onMouseOver="this.style.backgroundColor='#F6D29E';" onMouseOut = "this.style.backgroundColor = '#F1F2A3';"\>

men, jag har en checkbox i samma \<tr\> sträng, och jag skulle vilja att denna rad blev en annan färg (vid mouseover) om man kryssat i checkboxen.

Vad vet inte vad jag ska söka på för att hitta detta..

Vore tacksam för lite hjälp!!  :D

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

## #2 — dectgap, 2004-02-09T10:22Z

```
<table>
  <tr
   onmouseover="this.style.background=(document.getElementById('fargval').checked)?'red':'blue';"
   onmouseout="this.style.background='transparent'">
    <td style="border: solid; width: 50px"><input type="checkbox" id="fargval" /></td>
  </tr>
</table>
```

Är checkboxen ikryssad blir raden röd; annars blå.

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

## #3 — Danielkun, 2004-02-09T15:23Z

tackar.. ska testa med en gång!

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

## #4 — Danielkun, 2004-02-09T17:40Z

tänkte på en annan sak med..

går det att göra likadant fast med bakgrunden istället för mouseover?

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

## #5 — Jesper T, 2004-02-09T17:55Z

Bakgrunden?

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

## #6 — Danielkun, 2004-02-10T05:18Z

jag har ett script som man kan träna svenska på.. :) (för japaner) och om man skrivit in fel ord blir bakgrunden på \<tr\> röd men om detta ord som dom skrivit nu också är rätt (om ordet har felra motsvarande ord i japanska) så skulle jag vilja att bakgrunden i \<tr\> taggen skulle hoppa över till grön istället när man klickar i rutan..

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

## #7 — Jesper T, 2004-02-10T11:05Z

Fattar inte riktigt men här är kanske en början

```
<script>
function wordcheck(id,str){
if(document.getElementById(id).value==str) {
 document.getElementById(id).style.background='green';
}else{
 document.getElementById(id).style.background='red';
 }
  setTimeout('document.getElementById(\''+id+'\').style.background=\'white\'', 1000);
  setTimeout('document.getElementById(\''+id+'\').value=\'\'', 1500);
}
</script>

<table>
  <tr>
    <td>MatsuKalliki:<input type="text" id="ett" /><button onclick="wordcheck('ett','Kalle')">Testa!</button></td>
  </tr>
   <tr>
    <td>Kirusiruda:<input type="text" id="tva" /><button onclick="wordcheck('tva','Olle')">Testa!</button></td>
  </tr>
   <tr>
    <td>Svennibinnibi:<input type="text" id="tre" /><button onclick="wordcheck('tre','Svenne')">Testa!</button></td>
  </tr>
</table>
```

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

---

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