onmouseover på image map

5 svar · 415 visningar · startad av gdxdg 5 maj 2005

gdxdgMedlem sedan maj 20053 inlägg

Trådstart5 maj 2005 00:15#1

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:

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

zcorpanMedlem sedan dec. 20042 245 inlägg

5 maj 2005 10:56#2

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;
   };
  };
 };
};

gdxdgMedlem sedan maj 20053 inlägg

5 maj 2005 12:00#3

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...)

jarvkloMedlem sedan juli 20013 378 inlägg

5 maj 2005 12:25#4

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

gdxdgMedlem sedan maj 20053 inlägg

5 maj 2005 18:10#5

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)..."

zcorpanMedlem sedan dec. 20042 245 inlägg

5 maj 2005 19:42#6

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

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

Men inte på en AREA.