Mauszeiger mit JS verändern in einem AREA Tag

[Andi Hofmann]

Ich habe eine Image-Map und möchte mittels JavaScript im onmouseover/out der AREA-Tags den Mauscursor verändern.

Im IE 6.0 funktioniert das einwandfrei, nur mit Mozilla 1.2.1 für Windows tut sich nichts.

Wenn ich die Image Map wegnehme kann ich aber auch im Mozilla den Mauscursor im onmouseover/out des IMG-Tags setzen. Nur mit Image Map funktioniert's nicht mehr.

Das HTML dazu sieht in etwa so aus:

<div>
  <map name="Map">
    <area onmouseover="Funktion1" onmouseout="Funktion2"...>
    <area onmouseover="Funktion1" onmouseout="Funktion2"...>
    <area onmouseover="Funktion1" onmouseout="Funktion2"...>
  </map>
  <img id="Bild" usemap="Map">
</div>

<script>
function Funktion1 {
  var x = document.getElementById("Bild");
  x.style.cursor = 'pointer';
}
function Funktion2 {
  var x = document.getElementById("Bild");
  x.style.cursor = 'auto';
}
</script>

Ist das ein Bug vom Mozilla?

Hat jemand eine Idee?

Ich möchte nämlich den selben Effekt wie wenn ich ein href-Attribut auf das AREA Tag legen würde. Das Problem ist: Wenn dann jemand draufklickt wird der Koordinatenpfad kurz hilighted und das schaut nicht schön aus. Deshalb möchte ich es mittels JavaScript lösen.

Danke!

[Marc Reichelt]

Hi!

Ich glaube dein Problem liegt darin, dass <area>-Tags bei den meisten Browsern im Standard keine Mouseovers unterstützen, ich kann mich aber auch irren ;-)

cu

Marc Reichelt || http://www.marcreichelt.de/