---
title: "onmouseover"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/18060-onmouseover"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "aleborg"
published: "2001-08-05T18:04:00.000Z"
updated: "2001-08-06T14:01:00.000Z"
replies: 8
views: 224
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/18060-onmouseover"
---

# onmouseover

## #1 — aleborg, 2001-08-05T18:04Z

Jag har försökt att få en onmouseover effekt i en table, men lyckas inte riktigt!

```
  <tr onMouseOver="this.style.backgroundColor='#999999';" onMouseOut="this.style.backgroundColor='#CCCCCC';"> 
    <td width="17%">Kolumn1</td>
    <td width="83%">kolumn2</td>
  </tr>
```

hur gör man för att få onmouseover  på en hel rad?

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

## #2 — Koplik, 2001-08-06T05:58Z

Funkade fint när jag provade...
Kör du Internet Explorer 5+ ?

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

## #3 — aleborg, 2001-08-06T08:25Z

japp det gör jag, men jag löste det genom att skriva ut klasser istället, men nu funkar inte css:en :(
Länken blir aldrig vit:

```
<style type="text/css">
<!--
.text {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: normal; color: #000000; text-decoration: none}
.tex2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: normal; color: #FFFFFF; text-decoration: none; background-color: #003366;
}
A:Link {text-decoration:none; }
A:Visited {text-decoration:none;}
A:Hover {text-decoration:underline;}
A.vit:Link {text-decoration:none; color: #FFFFFF;}

-->
</style>

  <tr class="text" onMouseOut="TD_Left.className='text';this.className='text'" onMouseOver="TD_Left.className='vit';this.className='tex2'"> 
    <td height="6"></td>
    <td height="6"><a href="write.asp" name="TD_Left" id="TD_Left" class="text">länk</a></td>
    <td height="6"></td>
    <td height="6" width="15"></td>
    <td height="6" width="15"></td>
  </tr>
```

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

## #4 — Web-Tor, 2001-08-06T08:45Z

> Länken blir aldrig vit

Pröva med: **A:link.vit** ;)

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

## #5 — aleborg, 2001-08-06T09:08Z

nope :( funkade inte

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

## #6 — Koplik, 2001-08-06T10:39Z

Är det inte så här du gör?

A:Link {text-decoration:none; }
A:Visited {text-decoration:none;}
A:Hover {text-decoration:underline; color: #FFFFFF;}

?

Istället för det där A:Link.vit

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

## #7 — aleborg, 2001-08-06T11:29Z

nix, ska ha en ny färg på länken på onMouseOver

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

## #8 — Koplik, 2001-08-06T12:33Z

Ja, den blir ju #FFFFFF?
Vit!

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

## #9 — aleborg, 2001-08-06T14:01Z

ja, men då är det alltid den färgen på hover, min sida är vit, när man håller över en \<tr\> rad så blir raden blå, då måste länkens huvudfärg ändra från svart till vit, för det e ju inte säkert att man håller över länken just!

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/18060-onmouseover