---
title: "onMouseOver"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/67365-onmouseover"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Jesper T"
published: "2003-02-05T22:41:07.000Z"
updated: "2003-02-06T00:14:22.000Z"
replies: 5
views: 333
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/67365-onmouseover"
---

# onMouseOver

## #1 — Jesper T, 2003-02-05T22:41Z

Går det att lägga in färgvalet i onMouseOver i ett stylesheet?

```
onMouseOver="this.style.backgroundColor='[b]#99ccff[/b]';"
```

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

## #2 — Palle, 2003-02-05T23:25Z

Du kan ju anropa en class ur ditt stylesheet med mousover, då kan du sätta attributen i css-mallen, ex.

```
[RED]<html>
<head>

<style>
	.over {
		background : red;
	}

	.out {
		background : blue;
	}
</style>

</head>
<body> 

<table cellpadding="10">
<tr>
<td onmouseover="this.className='over'" onmouseout="this.className='out'">Text</td>
</tr>
</table>

</body>
</html>[/RED]
```

Testat och fungerar i IE6.0 och Moz1.1

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

## #3 — dectgap, 2003-02-05T23:27Z

Du kan ju använda pseudo-klassen : hover (utan mellanrum alltså) på lite alla möjliga element, men det funkar väl bara sådär i IE.

En annan variant, om du har många instanser av ditt exempel, är att köra eval() av en sträng med informationen.

T ex:

```
<script type="text/javascript">
var onOver ="this.style.backgroundColor='#99ccff';"
var onOut  ="this.style.backgroundColor='#aabbcc';"
</script>

<table>
 <tr>
   <td onmouseover="eval(onOver)" onmouseout="eval(onOut)">1</td>
   <td onmouseover="eval(onOver)" onmouseout="eval(onOut)">2</td>
   <td onmouseover="eval(onOver)" onmouseout="eval(onOut)">3</td>
   <td onmouseover="eval(onOver)" onmouseout="eval(onOut)">4</td>
   <td onmouseover="eval(onOver)" onmouseout="eval(onOut)">5</td>
 </tr>
</table>
```

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

## #4 — Jesper T, 2003-02-05T23:54Z

Tack, jag körde din medod palle.
Lite O.T. men varför har du två alias (palle & palleman)

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

## #5 — Palle, 2003-02-06T00:02Z

> **Jesper T skrev:**
>
> Tack, jag körde din medod palle.
> Lite O.T. men varför har du två alias (palle & palleman)

\*harkel\* :r Reggade först *Palle*, sedan glömde jag tydligen bort wF helt under en tid och när jag av en slump halkade in på
sidan igen tänkte jag,  "Åh vilket bra forum, måste jag joina!"..då var ju *Palle* redan upptaget.. :OO ..så då fick det bli *Palleman*.

Satt sedan en dag och sökte runt lite och döm om min förvåning när jag hittade en inlägg gjort av Palle.. mitt inlägg. Då gick det upp ett ljus. ;)
Bytte då tillbaka till Palle eftersom det är det som jag vill använda..

The End

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

## #6 — Jesper T, 2003-02-06T00:14Z

Haha, så kan det gå. ;)

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

---

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