---
title: "onmouseover"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/57013-onmouseover"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "voigtann1"
published: "2002-10-24T20:06:17.000Z"
updated: "2002-11-04T07:02:27.000Z"
replies: 13
views: 363
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/57013-onmouseover"
---

# onmouseover

## #1 — voigtann1, 2002-10-24T20:06Z

Hur får man onmouseover att byta top och bottom border i en tabell?

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

## #2 — icaaq, 2002-10-24T20:33Z

Hur menar du *"att byta top och bottom"* :q

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

## #3 — voigtann1, 2002-10-24T20:40Z

style="border-top:#FFFFFF" tex :D

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

## #4 — icaaq, 2002-10-24T20:53Z

helt otestat

```
[red]
<table onmouseout="this.style.border-top='';" onmouseover="this.style.border-top='#FFFFFF';">[/red]
```

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

## #5 — voigtann1, 2002-10-24T20:56Z

testat :e fungerade inte :e

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

## #6 — icaaq, 2002-10-24T20:59Z

Sista testet ;)

```
[red]
<table onmouseout="this.style.border-top='opx';" onmouseover="this.style.border-top='2px #FFFFFF';">[/red]
```

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

## #7 — colione, 2002-10-24T21:46Z

style attribut sitter alltid ihop utan bindestreck i JavaScript alltså:

```
<table onmouseout="this.style.borderTop='';" onmouseover="this.style.borderTop='#FFFFFF';">
```

Dock helt otestat, har inte orkat testköra på en tabell

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

## #8 — voigtann1, 2002-10-25T06:43Z

om jag kör "onmouseover="this.style.borderTop='#FFFFFF';"
så försvinner den border ja redan har just nu... så det fungera inte riktigt 100

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

## #9 — dectgap, 2002-10-25T07:37Z

ändra

```
this.style.borderTop
```

till

```
this.style.borderTopColor
```

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

## #10 — voigtann1, 2002-10-25T07:43Z

tackar :e fungera är det bottomcolor på den andra då?
hur ska hela koden blir då?

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

## #11 — colione, 2002-10-25T13:18Z

```
<table onmouseout="this.style.borderTopColor='';this.style.borderBottomColor='';" onmouseover="this.style.borderBottomColor='#FFFFFF';this.style.borderTopColor='#FFFFFF'">
```

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

## #12 — voigtann1, 2002-11-04T06:44Z

detta fungera.. men en liten fråga till:

Kan man inte ha en class eller någon sorts CSS med hjälp av detta? eller är man tvungen att ändra varenda tabell man vill ha det så på?

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

## #13 — colione, 2002-11-04T06:48Z

Det går tyvärr inte att lösa med klasser och CSS, nej.

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

## #14 — voigtann1, 2002-11-04T07:02Z

något annat sätt då? :e

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

---

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