---
title: "Hjälp med onmouseover-funktion."
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/44659-hjälp-med-onmouseover-funktion"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Mika3l"
published: "2002-05-27T15:09:03.000Z"
updated: "2002-05-29T13:20:11.000Z"
replies: 17
views: 464
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/44659-hjälp-med-onmouseover-funktion"
---

# Hjälp med onmouseover-funktion.

## #1 — Mika3l, 2002-05-27T15:09Z

Jag har försökt med följande kod för en onmouseover-funktion.

```
function img_over(ImgName) {
document[ImgName].src=eval('images/menu_+ ImgName+_over.png')
}
function img_out(ImgName) {
document[ImgName].src=('images/menu_+ ImgName +_out.png')
}
```

Jag vill altså ha in en bild där det står + ImgName +, hur gör jag det?

Någon som kan hjälpa en antijavascriptkunnig? :stud

/Mika3l

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

## #2 — Mika3l, 2002-05-27T15:57Z

Jag fick det att fungera nu. :)

```
function img_over(ImgName) {
document[ImgName].src=('images/menu_'+ ImgName +'_over.png')
}
function img_out(ImgName) {
document[ImgName].src=('images/menu_'+ ImgName +'_out.png')
}
```

Jippie! :bire

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

## #3 — Mika3l, 2002-05-28T15:38Z

Hmm, nu fungerar det inte längre.
Efter att ha lagt till fler bilder som skulle bytas så har det skitit sig igen. :(

Jag får felmeddelandet 'document\[...\]' är null eller inte ett object.

Någon som kan hjälpa?

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

## #4 — Jojoxx, 2002-05-28T16:55Z

Låter som du anropar någon av funktionerna med ett ogiltigt namn. Du kanske glömt ett par citat-tecken runt namnet när du anropar funktionen? Det är en klassiker. :)

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

## #5 — Mika3l, 2002-05-28T18:01Z

Inga glömda tecken här vad jag vet, skickar hela sidan...

```
<html>
<head>
<title>Menu</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script language="JavaScript">
function img_over(ImgName) {
document[ImgNameOver].src=('images/menu_'+ ImgName +'_over.png')
}
function img_out(ImgName) {
document[ImgName].src=('images/menu_'+ ImgName +'_out.png')
}
</script>
</head>
<body class="blank" topmargin="0" leftmargin="0" rightmargin="0">

<table height="100%" cellspacing="0" cellpadding="0">
 <tr>
  <td valign="middle">

<img src="images/menu_top.png" width="150" height="10" alt=""><br>
<a href="main.aspx" onMouseOver="javascript:img_over('hem')"; onMouseOut="javascript:img_out('hem')";><img src="images/menu_hem_out.png" width="150" height="15  name="hem" vspace="0" border="0"></a><br>
<a href="tekniker.aspx" onMouseOver="javascript:img_over('tekniker')"; onMouseOut="javascript:img_out('tekniker')";><img src="images/menu_tekniker_out.png" width="150" height="15  name="tekniker" vspace="0" border="0"></a><br>
<a href="portfolio.aspx" onMouseOver="javascript:img_over('portfolio')"; onMouseOut="javascript:img_out('portfolio')";><img src="images/menu_portfolio_out.png" width="150" height="15" name="portfolio" vspace="0" border="0"></a><br>
<a href="pagang.aspx" onMouseOver="javascript:img_over('pagang')"; onMouseOut="javascript:img_out('pagang')";><img src="images/menu_pagang_out.png" width="150" height="15  name="pagang" vspace="0" border="0"></a><br>
<a href="om.aspx" onMouseOver="javascript:img_over('om')"; onMouseOut="javascript:img_out('om')";><img src="images/menu_om_out.png" width="150" height="15  name="om" vspace="0" border="0"></a><br>
<a href="kontakt.aspx" onMouseOver="javascript:img_over('kontakt')"; onMouseOut="javascript:img_out('kontakt')";><img src="images/menu_kontakt_out.png" width="150" height="15  name="kontakt" vspace="0" border="0"></a><br>
<a href="gbook.aspx" onMouseOver="javascript:img_over('gbook')"; onMouseOut="javascript:img_out('gbook')";><img src="images/menu_gbook_out.png" width="150" height="15  name="gbook" vspace="0" border="0"></a><br>
<a href="admin.aspx" onMouseOver="javascript:img_over('admin')"; onMouseOut="javascript:img_out('admin')";><img src="images/menu_admin_out.png" width="150" height="15  name="admin" vspace="0" border="0"></a><br>
<img src="images/menu_bottom.png" width="150" height="10" vspace="0" border="0" alt="" align="top">

  </td>
 </tr>
</table>

</body>
</html>
```

 :)

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

## #6 — Jojoxx, 2002-05-28T18:09Z

Jodå, massor :)

```
function img_over(ImgName) {
document[ImgName].src='images/menu_'+ ImgName +'_over.png'
}
```

(ImgName, inte ImgNameOver)

onMouseOver="java script:img_over('hem')";
skall vara;
onMouseOver="img_over('hem');"
(alltså med ";" innanför citat-tecknen. Forumet ställer som bekant till JavaScript: och skriver isär det, men det behöver du inte heller ha med. JavaScript är "default").

I bilderna saknas " efter height="15". Därav blir aldrig namnet definierat.

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

## #7 — Mika3l, 2002-05-28T18:20Z

Vart kom alla mellanslag ifrån? :o
Hade inga mellanslag i koden. :l

Nåja, jag har provat med din kod(visserligen bara på en bild men ändå ;) ) men det vill inte fungera, bilden som ska komma upp när man inte har musen över kommer inte fram, den andra bilden är kvar, jag får inga felmeddelanden....

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

## #8 — Jojoxx, 2002-05-28T18:26Z

Det är forumet som lägger till mellanslagen i "Java Script". Utvecklarna säger att det är en feature, jag säger att det är en bug :)

Har du bilder med namnen "images/menu_hem_over.png", "images/menu_hem_out.png" osv? Det bästa vore om du kunde länka till sidan så man kan titta på resultatet.

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

## #9 — Mika3l, 2002-05-28T18:30Z

Håller med dig att det är en bugg. :l

Jag har bilder till hem, tekniker och pagang, dom andra har jag inte orkat göra några till än. ;)
<http://213.116.240.232/flashlight/index.html>
Under utvecklingsstadium som du ser. ;)

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

## #10 — Mika3l, 2002-05-28T18:31Z

Jag har bara bytt kod på Hem också!
Ska byta dom andra nu....

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

## #11 — Mika3l, 2002-05-28T18:33Z

Nu är dom andra bytta(tekniker och portfolio) men jag får ett sånt där null-felmeddelande igen. :l

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

## #12 — Mika3l, 2002-05-28T18:39Z

Såg nu att jag hade glömt att lägga till " efter 15 så nu får jag inga felmeddelanden men bilden som kommer fram när man för musen över(som ska försvinna) är kvar... :l

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

## #13 — Jojoxx, 2002-05-28T18:47Z

Kommer tyvärr inte in på sidan f.n. så jag kan titta på det.

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

## #14 — Mika3l, 2002-05-28T19:46Z

När du skrev det så hade nog jag kopplat ur(modem).
Prova nu igen.
<http://213.116.242.121/sportforum/index.asp>

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

## #15 — Jojoxx, 2002-05-29T05:34Z

mode-vadå? ;)

Zippa ihop alla filer och skicka dem med inlägget istället.

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

## #16 — Mika3l, 2002-05-29T10:20Z

Här kommer menyn. :)

Bilagor:

- [menu.zip](https://www.webforum.nu/a/141.zip)

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

## #17 — Jojoxx, 2002-05-29T13:16Z

I båda funktionera slutade bild-namnet på "\_over.png". Sedan flyttade jag inte semi-kolonet ";" i eventet. Se bifogad fil.

Bilagor:

- [menu.zip](https://www.webforum.nu/a/142.zip)

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

## #18 — Mika3l, 2002-05-29T13:20Z

Jippie!
Nu fungerar det! :)

Man tackar! :) :bire

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/44659-hjälp-med-onmouseover-funktion
