---
title: "onmouseover på image map"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/127687-onmouseover-på-image-map"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "gdxdg"
published: "2005-05-05T00:15:35.000Z"
updated: "2005-05-05T19:42:31.000Z"
replies: 5
views: 415
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/html-css/127687-onmouseover-på-image-map"
---

# onmouseover på image map

## #1 — gdxdg, 2005-05-05T00:15Z

Håller på med en sida i XHTML 1.0 transitional.

Tänkte använda mig av en image map och ha en onmouseover-funktion som visar en beskrivande text i statusfältet när man för musen över länkarna. Problemet är att det inte funkar i Internet Explorer. I Netscape funkar det kanonbra... :OO 

Samma onmouseover-funktion på en vanlig länk funkar utan problem men det är just när man använder det på en image map som det krånglar. Här är vad jag använder: 

\<map id="titel" name="titel"\>
\<area shape="rect" coords="492,75,542,97" href="titel.htm" onmouseover="window.status='beskrivning av länken';return true;" onmouseout="window.status='';return true;" alt="" /\>
\</map\>

Nu är det här iofs inget superviktigt, men det skulle ändå vara intressant att få reda på vad som är fel...

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

## #2 — zcorpan, 2005-05-05T10:56Z

Du kanske kan använda TITLE istället... :) 

```
<area shape="rect" coords="492,75,542,97" href="titel.htm" alt="titel" [b]title="beskrivning av länken"[/b] />
```

 Sen kan du använda det här skriptet: 

```
window.onload = function(){
 var areas = document.getElementsByTagName('area');
 for(var i = 0; i < areas.length; i++){
  if(areas[i].title){
   areas[i].onmouseover = function(){
    window.status = this.title;
    return true;
   };
   areas[i].onmouseout = function(){
    window.status = '';
    return true;
   };
  };
 };
};
```

 :)

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

## #3 — gdxdg, 2005-05-05T12:00Z

Nope.... tyvärr det funkade inte :( men tack ändå... :)

hmm.. den här tråden kanske borde flyttas till Javascript-forumet istället? (verkar inte ha nåt med xhtml att göra som jag först trodde...)

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

## #4 — jarvklo, 2005-05-05T12:25Z

Instämmer i slutsatsen att det inte verkar ha med XHTML att göra, för följande snutt funkar som förväntat i "det mesta" på Windows 

```
<!DOCTYPE html 
  PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="sv" xml:lang="sv">
<head>
    <title>Ett exempel</title>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
</head>
<body>
<div>
<img src="bakgrundsbild.gif" alt="en bild" usemap="#kartan"/>
<map id="kartan" name="kartan">
<area shape="rect" coords="0,0,80,80" 
    href="http://xhtml.se" 
    onmouseover="alert('in');" 
    onmouseout="alert('out');" 
    alt="En area" />
</map>
</div>

</body>
</html>
```

 :bire

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

## #5 — gdxdg, 2005-05-05T18:10Z

Hittade efter mycket sökande på Google den här gamla sidan: <http://www.mcli.dist.maricopa.edu/tut/tut27a.html>

Om man skrollar ner där så kan man läsa ang. onmouseover= "window.status"-funktionen:

"This method is not sufficiently supported on all browsers. As of April 2002, this technique of using onMouseOver inside the \<map\>...\</map\> tags does not work on Microsoft Internet Explorer web browsers (v 5.0, 5.5, 6.0 for Windows)..."

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

## #6 — zcorpan, 2005-05-05T19:42Z

...jo, det funkar på tex en P:

```
<map><p onmouseover="window.status='PASS'">TEST</p></map>
```

 Men inte på en AREA.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/127687-onmouseover-på-image-map
