---
title: "onmouseover + ändra css-class i flera td"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/106398-onmouseover-ändra-css-class-i-flera-td"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "doggelito"
published: "2004-06-29T09:53:53.000Z"
updated: "2004-06-29T11:06:51.000Z"
replies: 1
views: 233
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/106398-onmouseover-ändra-css-class-i-flera-td"
---

# onmouseover + ändra css-class i flera td

## #1 — doggelito, 2004-06-29T09:53Z

får inte till denna, vid onmouseover så ska båda kolumnerna ändra class.

```
<script type="text/javascript">
function menumovr(src, tagname)
{
	if (!src.contains(event.fromElement))
	{
		document.getElementsByName(tagname).className = "h5 menu_hover hand";
	}
}
</script>

<tr>
	<td name="company" class="h5 menu_active" onMouseOver="menumovr(this, 'company');" title="Företaget">F&ouml;retaget</td>
	<td name="company" class="h5 menu_active">&nbsp;</td>
</tr>
```

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

## #2 — doggelito, 2004-06-29T11:06Z

gjorde så här istället, tycker dock att man borde kunna använda name istället för id, då id måste vara unikt. :)

```
function menumovr(src, id1, id2)
{
	if (!src.contains(event.fromElement))
	{
		document.getElementById(id1).className = "h5 menu_hover hand";
		document.getElementById(id2).className = "h5 menu_hover hand";
	}
	
}

<tr>
	<td id="company" class="h5 menu_active" onMouseOver="menumovr(this, 'company', 'company2');" title="Företaget">Företaget</td>
	<td id="company2" class="h5 menu_active"> </td>
</tr>
```

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/106398-onmouseover-ändra-css-class-i-flera-td