---
title: "sätta onMouseOver i funktion"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/140296-sätta-onmouseover-i-funktion"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "devotion"
published: "2006-01-04T17:37:01.000Z"
updated: "2006-01-07T13:47:24.000Z"
replies: 5
views: 338
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/140296-sätta-onmouseover-i-funktion"
---

# sätta onMouseOver i funktion

## #1 — devotion, 2006-01-04T17:37Z

Hej!  :)  

Kan man göra på något annat sätt för att uppnå samma resultat som den här koden:

```
Response.write "<tr onMouseOver=""this.style.backgroundColor='#D3DEF8';"" onMouseOut=""this.style.backgroundColor='';"" bgcolor=""" & bgcolor & """>
```

skulle vilja få bort onMouseOver=....  tycker det blir klumpigt att ha det i koden...

Kan man lägga det som en funktion istället? i så fall hur?

Mvh
henrik

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

## #2 — Peter S, 2006-01-04T17:43Z

Hej!

Du vill alltså inte ha med onmouseover-attributet ö.h.t (ej onmouseover="f(...)" heller)? Då kan du sätta ett id på \<tr\> och använda getElementById:

```
function initTRs(){
  // id på de element funktionen skall gälla för
  var ids = ["tr1"],
      len = ids.length;

  while (len--){
    var elm = document.getElementById(ids[len]);

    elm.onmouseover = function(){
      this.style.backgroundColor = "#d3def8";
    }

    elm.onmouseout = function(){
      this.style.backgroundColor = "[i]färgkod[/i]";
    }
  }
}

window.onload = function(){
  initTRs();
}

<tr id="tr1"...
```

  :)

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

## #3 — devotion, 2006-01-04T17:52Z

Fantastiskt....

Tänk vad man kan göra...  om man bara vet hur....   :)

Tackar!

Mvh
henrik

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

## #4 — devotion, 2006-01-07T11:25Z

En lite kompletterande fråga bara ....   ;) 

Kan man använda sig av detta även när man skriver ut html med response.write. 

```
response.write "<tr id=""tr1""..."
```

Mvh
henrik

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

## #5 — Peter S, 2006-01-07T12:53Z

Givetvis!  :)

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

## #6 — devotion, 2006-01-07T13:47Z

just det....  :)

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/140296-sätta-onmouseover-i-funktion