Marcel: Eine Imagemap für 2 Bilder

Ich möchte herausfinden welches Bild den Javascript auslöst.

Hier der Code:

<html>
<head>
<title></title>
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">

<map name="imagemap">
  <area shape="rect" coords="1,1,50,50" href="#" onClick="javascript:alert('Hier soll der Bildname stehen')" alt="Zeig den Namen">
</map>

<img src="bild1.jpg" width="100" height="100" name="bild1" usemap="#imagemap">
<img src="bild1.jpg" width="100" height="100" name="bild2" usemap="#imagemap">

</body>
</html>

Wie kann ich den Bildnamen herausfinden?

  1. na wenn ich das richtig sehe, kann es eh nur das erste bild sein, weil es breiter ist, als der map-bereich.
    könntest du nicht die bilder direkt mit onclick-handler bestücken. dann könntest über this.name den namen ganz leicht ausgeben lassen.

    gruß hein

    1. na wenn ich das richtig sehe, kann es eh nur das erste bild sein, weil es breiter ist, als der map-bereich.
      könntest du nicht die bilder direkt mit onclick-handler bestücken. dann könntest über this.name den namen ganz leicht ausgeben lassen.

      gruß hein

      Beide Bilder rufen den JavaScipt auf.

      Es geht leider darum, dass nicht alle Flächen des Bildes
      anklickbar sein sollen - daher die Imagemap.

      Die Bilder sehen aber gleich aus. Also können sie
      die selbe Map benutzen.

      Um nicht für jedes Bild eine eigene Map erstellen zu müssen,
      soll das Bild über den Bildnamen identifiziert werden können.

      1. oh i see ... hab schon ewig nicht mehr mit img-maps gearbeitet und vorhin gedacht, die koordinaten sind relativ zu document, nicht zum element. sorry.
        aber in dem falle habe ich die befürchtung, dass das dann wohl nicht geht, es fehlt durch das übergelagerte map einfach ein bezug zum bild darunter, es findet kein aufruf mit paramtern statt o.ä.

        aber genauso wie mein onclick-vorschlag, wieviel bilder nutzen diese map? wenn es nur 2 bilder sind, kannst du doch für jedes eine eigene map spendieren ...

        gruß hein

        1. Leider müsste die Imagemap von ca. 50 Bildern verwendet werden.
          Das ist der Grund warum ich die ewig gleiche map auch an Code(Datei-Größe) sparen möchte. Trotzdem danke.

  2. Hallo Marcel,

    Wie kann ich den Bildnamen herausfinden?

    wie wärs, wenn Du den Namen vor dem Klick auf die Map mit
    onMouseover in einer Variablen parkst ?

    Klappt mi IE 6 und NS 6 (andere nicht probiert)

    <html>
    <head>
    <title></title>
    </head>
    <script type="text/javascript">var Bname="Bildname:leer";</script>
    <body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">

    <map name="imagemap">
      <area shape="rect" coords="1,1,50,50" href="#" onClick="javascript:alert(Bname);" alt="Zeig den Namen" title="Zeig den Namen">
    </map>

    <img src="bild1.jpg" width="100" height="100" name="bild1" usemap="#imagemap" onMouseover="Bname=this.name;">
    <img src="bild1.jpg" width="100" height="100" name="bild2" usemap="#imagemap" onMouseover="Bname=this.name;">

    </body>
    </html>

    Gruß

    OLE