---
title: "funktion: byt css-klass vid onmouseover"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/71703-funktion-byt-css-klass-vid-onmouseover"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Bäckman"
published: "2003-03-21T07:19:53.000Z"
updated: "2003-03-21T10:17:01.000Z"
replies: 2
views: 204
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/71703-funktion-byt-css-klass-vid-onmouseover"
---

# funktion: byt css-klass vid onmouseover

## #1 — Bäckman, 2003-03-21T07:19Z

Borde inte kodsnutten nedan fungera om man vill göra en funktion som byter css-klass vid en mouseover på en tabellcell?

```
Javascriptet:
function bgon(obj) {
obj.className='meny-on';
obj.style.cursor='hand';
}

function bgoff(obj) {
obj.className='meny-off';
obj.style.cursor='default';
}

Tabellcellen:
<td onmouseover="bgon(this)" onmouseout="bgoff(this)">Hallo</td>
```

Själklart har jag två css-klasser som heter meny-off och meny-on, men de tog jag bara inte med här. Det verkar dock bara vara problem med obj.className-biten iom att pekaren byter från default till hand när man drar den över cellen. Notera att jag inte är någon hejare på javascript, så jag är väldigt tacksam för hjälp. :)

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

## #2 — Jesper T, 2003-03-21T10:01Z

Detta funkar för mig:

```
<style>
<!--
.bgon{background-color:red;cursor:pointer;}
.bgoff{background-color:black;cursor:default;}
-->
</style>

<td onmouseover= "this.className='bgon'"  onmouseout="this.className='bgoff'">Hallo</td>
```

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

## #3 — Bäckman, 2003-03-21T10:17Z

Ah, så gick ju också göra. Tack så mycket. :)

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/71703-funktion-byt-css-klass-vid-onmouseover