---
title: "osClick, onFocus, onMouseOut och onMouseover"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/145089-osclick-onfocus-onmouseout-och-onmouseover"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "CatZ"
published: "2006-04-05T04:28:12.000Z"
updated: "2006-04-05T06:18:24.000Z"
replies: 3
views: 457
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/145089-osclick-onfocus-onmouseout-och-onmouseover"
---

# osClick, onFocus, onMouseOut och onMouseover

## #1 — CatZ, 2006-04-05T04:28Z

Hej allihop jag är tillbaka igen. Önskar att jag antingen hade tillgång till mina tidigare projekt eller att det inte gick flera år mellan dom :)

Det är såhär, jag sitter i brisbane, australien och knåpar ihop ett litet projekt åt en snubbe här.

Menyn på sidan sak bestå av en tabell med 6 "td" taggar som jag vill ändra lite på om användaren för musen över tabellen, klickar på den osv.

```
		<table width="100%" border="0" align="center" cellpadding="0" cellspacing="7">
			<tr>
				<td width="16%" class="menu">Home</td>
				<td width="16%" class="menu">Demo</td>
				<td width="16%" class="menu">Try</td>
				<td width="16%" class="menu">Buy</td>
				<td width="16%" class="menu">Faq</td>
				<td width="16%" class="menu">Support</td>
			</tr>
		</table>
```

och klassen menu ser ut som följer:

```
.menu {
	background-color: #FFFFFF;
	border: 1px;
	border-color: #000000;
	border-style: solid;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
```

Hur lägger jag till det så att td får klassen .menuOver om användaren för musen över cellen och skulle det fungera både i mozillabaserade webläsare och ie?

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

## #2 — trendol, 2006-04-05T06:05Z

för att ändra bakgrunden.

```
<td onmouseover="this.style.background='#cccccc';" style="background: #000000" onmouseout="this.style.background='#C0C0C0';"
```

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

## #3 — bassebhu, 2006-04-05T06:16Z

.menu:hover {

}

?

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

## #4 — CatZ, 2006-04-05T06:18Z

Mjo det vet jag också men jag undrade hur man ändrar en hel "class" och svaret är som följer:

```
<td width="16%" class="menu" onMouseOver="this.className='menuOver'" onMouseOut="this.className='menu'">Home</td>
```

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/145089-osclick-onfocus-onmouseout-och-onmouseover