Imagemap versendet keine Koordinaten x,y

[marc]

Habe derzeit in einem Formular ein image eingebunden:

<form action="insertperson.php"
      name="Show"
      enctype="multipart/form-data"
      method="GET">
<input style='cursor: crosshair;'
       type='image' src='getmap.php?view=showmethemap'
       onClick="document.Show.submit();">
</form>

Dort kann ich nun mittels
$thex = $_REQUEST["x"];   // new x location
$they = $_REQUEST["y"];   // new y location
die Bildkoordinaten auswerten.

Soweit, so gut.

Jetzt will ich aber statt des angezeigten Bildes eine Imagemap haben,
also z.B. so:

<MAP NAME="image-map">
<form action="insertperson.php"
      name="Show"
      enctype="multipart/form-data"
      method="GET">
<img src="getmap.php?view=showmethemap"  style='cursor: crosshair;'
alt="" usemap="#image-map"  onClick="document.Show.submit();" border="0"/>
</form>
<area shape="circle" coords="142,122,5" title="Kunde (Bremen)" alt="Kunde, Bremen" target="_blank" onMouseOver="if (document.images) document.detail.thename.value = 'Bremen , THE CREECH'" onMouseOut="if (document.images) document.detail.thename.value = ''">
</map>

So, und nun wird's schlecht: Zwar bekomme ich nun die ALT-Informationen über den Areas angezeigt, aber bei Mouseklick auf das Bild werden anscheinend die x und y Koordinaten nicht mit verschickt.

Hat jemand eine Lösung dafür?

[MudGuard]

Hi,

So, und nun wird's schlecht: Zwar bekomme ich nun die ALT-Informationen über den Areas angezeigt, aber bei Mouseklick auf das Bild werden anscheinend die x und y Koordinaten nicht mit verschickt.

Ein img (auch mit usemap) ist kein form control, kann also nicht dazu führen, daß bei Submit irgendwas ausgelöst wird.

input hat übrigens auch ein usemap-Attribut. Funktioniert auch (allerdings nicht in rückständigen Browsern, sondern nur in Geckos - weder IE [kein Wunder] noch Opera noch Konqueror)
Für nicht-Geckos bleibt also höchstens noch Javascript-Bastelei mit all ihren Nachteilen.

cu,
Andreas

[marc]

Verstehe ich nicht.

wie gesagt, die 1. Fassung mit input type image funktioniert doch...

Kannst Du das biutte nochmal genauer erklaeren...

[Sven Rautenberg]

Moin!

wie gesagt, die 1. Fassung mit input type image funktioniert doch...

Ein <input type="image"> ist ein Submitbutton mit integrierter Grafik und integrierter Klickkoordinatenübermittlung.

Ein <img src="bild" usemap="#map"> zusammen mit einer Imagemap-Definition ist einfach nur ein Bild mit eingebundener Linkliste. Normale Links liefern aber keine Klick-Koordinaten mit.

Also kann dein System einfach nicht funktionieren. Du hast die Wahl, entweder die Koordinatenübermittlung an dein Imagemap-System zu basteln, oder die Tooltip-Anzeige an dein <input>-System - bei beiden Methoden mußt du passend Javascript einsetzen.

- Sven Rautenberg

[MudGuard]

Hi,

wie gesagt, die 1. Fassung mit input type image funktioniert doch...

Du wolltest doch tooltips auf den areas haben. Und das funktioniert nur in Geckos.

cu,
Andreas

[Der Martin]

Hallo Andreas,

Du wolltest doch tooltips auf den areas haben. Und das funktioniert nur in Geckos.

Nö, ist nicht wahr. Der IE unterstützt auch title in <area>. Ersatzweise interpretiert er auch alt in der ihm eigenen falschen Art als Tooltip. Nur wenn sowohl alt als auch title gegeben ist (in <area> Unsinn), gibt er dem alt den Vorrang und ignoriert title. Also anders als bei <img> muss man bei <area> das alt-Attribut weglassen, damit er title überhaupt beachtet.
(Nein, ich glaube, das steht nirgends - ich hab es eben mit IE5.5 ausprobiert.)

So long,

Martin

[MudGuard]

Hi,

Du wolltest doch tooltips auf den areas haben. Und das funktioniert nur in Geckos.

Nö, ist nicht wahr. Der IE unterstützt auch title in <area>.

Aber er kapiert nicht, daß er die map für input verwenden soll ==> es funktioniert nur in Geckos.

cu,
Andreas

[marc]

warum kann ich dann kein MAP element um ein input form control legen, wenn ich dieses als typ image definiert habe???

[Sven Rautenberg]

Moin!

warum kann ich dann kein MAP element um ein input form control legen, wenn ich dieses als typ image definiert habe???

Kannst du, ist laut HTML auch erlaubt, funktioniert aber derzeit ausschließlich im Firefox, aber nicht im IE.

Und da der IE je nach Website von bis zu 99% der Besucher benutzt wird, hilft dir das nicht viel.

Abgesehen davon halte ich pixelgenaue Klickkoordinaten sowieso für unsinnig, denn das läuft darauf hinaus, dass der Benutzer absolut pixelgenau klicken muß. Sowas schaffen ja nicht mal Mauskünstler ohne Bildvergrößerung in Photoshop. Und wenn ein etwas grobmotorischer älterer Besucher es versucht, wird er es garantiert nicht hinbekommen.

Also solltest du lieber deinen Pixelkoordinatenmechanismus überdenken und vielleicht doch einfach auf eine schlichte, normale Imagemap zurückgreifen.

- Sven Rautenberg

[MudGuard]

Hi,

warum kann ich dann kein MAP element um ein input form control legen, wenn ich dieses als typ image definiert habe???

Kannst Du doch.
Nur ist das vollkommen irrelevant. Denn nur weil sich das input innerhalb der map befindet, hat die map keine Auswirkung.
map hat nur dann eine Auswirkung, wenn ein usemap-Attribut auf sie verweist.
Und bei input verstehen das nur die Geckos.

cu,
Andreas