gdxdgMedlem sedan maj 20053 inlägg
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...
zcorpanMedlem sedan dec. 20042 269 inlägg
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
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 295 inlägg
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
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 269 inlägg
...jo, det funkar på tex en P:
<map><p onmouseover="window.status='PASS'">TEST</p></map>
Men inte på en AREA.
