---
title: "MouseOver på Map!"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/154006-mouseover-på-map"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Salamana"
published: "2006-11-21T11:34:55.000Z"
updated: "2006-11-22T12:26:48.000Z"
replies: 1
views: 277
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/154006-mouseover-på-map"
---

# MouseOver på Map!

## #1 — Salamana, 2006-11-21T11:34Z

Har gjort en area-map av en stor bild... 
Har gjort två delar klickbara... Dessa två vill jag ska byta färg vid MouseOver..
Hur gör jag på lättaste sätt??
Koden

```
<div id="intro"><img src="/build/intro.gif" border="0" usemap="#Map"> 
<map name="Map">
<area shape="rect" coords="220, 382, 288, 396" href="javascript:void(0);" onClick="fullScreen('http://www.xxxxxx.com/about.asp?pageID=1');">
<area shape="rect" coords="339, 346, 415, 359" href="http://www.adobe.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" target="_blank">
 </map>
</div>
```

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

## #2 — Salamana, 2006-11-22T12:26Z

Problemet löst:

```
<script LANGUAGE="JavaScript">
<!--
function getAppVersion() {
appname= navigator.appName;
appversion = navigator.appVersion;
majorver = appversion.substring(0, 1);
if ( (appname == "Netscape") && ( majorver >= 3 ) ) return 1;
if ( (appname == "Microsoft Internet Explorer") && (majorver >= 4) ) return 1;
return 0;
}
function swtch(num, imgname) {
if (getAppVersion()) {
document[imgname].src = img[num].src;
}
}
//-->
</script>
<script LANGUAGE="JavaScript1.1">
<!--
imgsrc = new Array();
imgsrc[0] = "/build/intro.gif";
imgsrc[1] = "/build/intro2.gif";
if (getAppVersion()) {
img = new Array();
for (i = 0; i < imgsrc.length; i++) {
img[i] = new Image();
img[i].src = imgsrc[i];
}
}
//-->
</script>
```

```
<div id="intro"><img src="/build/intro.gif" name="kalle" border="0" usemap="#Map"> 
  <map name="Map">
<area shape="rect" coords="220, 382, 288, 396" href="javascript:void(0);" onMouseOver="swtch('1','kalle')" onMouseOut="swtch('0','kalle')" onClick="fullScreen('http://www.xxxx.com/about.asp?pageID=1');">
    </map>
</div>
```

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/154006-mouseover-på-map