Statusänderung bei Imagemaps
Xadian
- javascript
Hallöchen
Mein Problem ist folgendes:
Ich möchte auf einer Seite in einer Imagemap beim Mouseover verschiedener Teile der Imagemap verschiedene Statuszeilen-Angaben haben...
Eigentlich ist das ja nicht so wirklich schwer und bei normalen Links und so hab ich das auf der Webseite auch schon aber mit den Imagemaps will das nich so klappen...
Meine Frage deshalb:
Klappt das mit Imagemaps überhaupt?
Und wenn ja was mache ich dann bitte falsch??
Hier mein Quelltext:
<html>
<head>
<script language="JavaScript">
<!--
function Stat(x)
{
window.status = x;
}
//-->
</script>
</head>
<body onMouseover="Stat('Irgendwas')" onMouseout="Stat('')">
<div style="position:absolute; top:0px; left:0px;">
<img src="Bild.jpg" usemap="#Grafik" border=0>
<map name="Grafik">
<!-- Hier geht der Status nicht -->
<area shape=polygon coords="381,206 403,202 416,189 419,186 423,184 435,163 433,151 437,126 428,104 423,80 404,52 382,44 381,44 378,47 348,74 335,104 321,124 327,141 327,144 324,147 326,165 328,170 331,173 332,178 349,198 377,204" href=Seite.html alt="" target="_top" onMouseover="Stat('Beschreibung')" onMouseout="Stat('')"></area>
</map>
</div>
</body>
</html>
Wenn man über den entsprechenden Teil des Bildes fährt, zeigt er immer nur den Pfad des Links an...
Xadian
<html>
<head>
<script language="JavaScript">
<!--
window.defaultStatus = "Irgendwas";
function Stat(x)
{
description = x;
window.setTimeout("window.status = description",1);
}
//-->
</script>
</head>
<body>
<div style="position:absolute; top:0px; left:0px;">
<img src="Bild.jpg" usemap="#Grafik" border=0>
<map name="Grafik">
<!-- Hier geht der Status -->
<area shape=polygon coords="381,206 403,202 416,189 419,186 423,184 435,163 433,151 437,126 428,104 423,80 404,52 382,44 381,44 378,47 348,74 335,104 321,124 327,141 327,144 324,147 326,165 328,170 331,173 332,178 349,198 377,204" href=Seite.html alt="" target="_top" onMouseover="Stat('Beschreibung')" onMouseout="Stat('')"></area>
</map>
</div>
</body>
</html>
Die Variable "description" wird benötigt, da das Timeout erst nach Funktionsablauf, um genau zu sein 1ms nach Funktionsablauf, beginnt und die Variable "x" nur innerhalb der Funktion Bestand hat.
Des Weiteren ist das onMouseover und onMouseout im body sinnlos, window.defaultStatus ist da besser.
Gruß
Norbert
Hallöchen
Mein Problem ist folgendes:
Hilft das da weiter? </?m=18595&t=3261>
Ja, die Fragen tauchen immer wieder auf...
- Sven Rautenberg
Hallo,
Ich möchte auf einer Seite in einer Imagemap beim Mouseover verschiedener Teile der Imagemap verschiedene Statuszeilen-Angaben haben...
Eigentlich ist das ja nicht so wirklich schwer und bei normalen Links und so hab ich das auf der Webseite auch schon aber mit den Imagemaps will das nich so klappen...
Ja, da muss man etwas tricksen:
function setStatus(info)
{
status=info;
setTimeout("window.status=status",0);return true;
}
Schau Dir den Einsatz mal unter http://www.styleassistant.de/tips/beispiel9d.htm an.
MfG, Thomas