Frank U.: clientX (-Y) ist "undefined"

Beitrag lesen

Hast du es schonmal mit 'this' versucht?!

Jetzt bin ich etwas verwirrt... :-)

Aber ich hab es jetzt hinbekommen. Ich musste mich zwar von meinem onclick verabschieden, das funktioniert jetzt nicht mehr, aber naja. Vllt hat ja jemand eine Idee, wie ich das mit onclick umsetzen kann...

<script type="text/javascript">
  document.onmousemove = InfoBoxUpdate;
  function InfoBoxUpdate(evt) {
    MausPosX = (evt.clientX + 10) + "px";
    MausPosY = (evt.clientY + 10) + "px";
  }
  function InfoBox(idname, status) {
    document.getElementById(idname).style.left = MausPosX;
    document.getElementById(idname).style.top = MausPosY;
    document.getElementById(idname).style.visibility = status;
  }
</script>

<map name="Elferrat">
  <area ... onmousemove="InfoBox('Braun', 'visible')" onmouseout="InfoBox('Braun', 'hidden')" ...>
  ...
  ...
</map>

Ich würde ja gerne nicht beim Überfahren der Maus, sondern beim Klick die InfoBox anzeigen wollen. Wenn ich jetzt aber das onmousemove durch onclick ersetze, "fliegt" ja die InfoBox nicht mit dem Cursor mit. Hat jemand eine Idee, wie das "Mitfliegen" trotz onclick umsetzen kann?

MfG
Frank