Frage stellen

formular mit imagemap absenden

2.1k Aufrufe
Gefragt in Webseiten HTML von harvey17 Mitglied (235 Punkte)
Hi,
ich möchte wie schon gesagt ein HTML formular über ein runden Bereich auf einem Bild (imagemap) absenden. Leider habe ich garkein Plan wie ich imagemap in einem formular unterbringen kann. Habt ihr vieliecht eine Lösung.

9 Antworten

0 Punkte
Beantwortet von

<form action="xyz.php">
<map name="derButton">
<area shape="rect" coords="11,10,59,29" nohref="nohref" alt="absenden" title="absenden" onclick="document.forms[0].submit()">
...
<img src="absenden.jpg" alt="absenden" usemap="#derButton">
</form>
</map>


Ohne JavaScript funktioniert es nicht, da brauchst du ein Fallback!
0 Punkte
Beantwortet von harvey17 Mitglied (235 Punkte)
danke, hat geklapt. ein par kleine fehler behoben und es ging.
0 Punkte
Beantwortet von
außer dem verrutschten </map> (gehört natürlich direkt hinter <area>, ich vermisse hier eine Korrekturfunktion wie in anderen Foren) - welche Fehler?
0 Punkte
Beantwortet von Experte (6.4k Punkte)
ich vermisse hier eine Korrekturfunktion


wie, Korrekturfunktion für Nicht-User?
0 Punkte
Beantwortet von harvey17 Mitglied (235 Punkte)
Ehrlich gesagt dachte ich nur das ichs hab. Geht aber immer noch nicht. sieht jetzt so aus.

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Untitled Document</title>
</head>

<body>
<form action="rech.php">
<map name="derButton">
<area shape="rect" coords="11,10,59,29" nohref="nohref" alt="absenden" title="absenden" onclick="document.forms[0].submit()">
<form action="input_text.htm">
<p>name:<br><input name="personen" type="text" size="30" maxlength="30"></p>
</form>

<img src="Bilder/Button.jpg" alt="absenden" width="200" height="200" usemap="#derButton">
</map>
</form>
</body>
</html>
0 Punkte
Beantwortet von Experte (6.4k Punkte)
Formulare können nicht verschachtelt werden und dürfen sich nicht überlappen...

siehe auch de.selfhtml.org/html/referenz/elemente.htm#form
und de.selfhtml.org/html/formulare/definieren.htm#allgemeines


mfg, sup2010
0 Punkte
Beantwortet von
<body>
<form action="input_text.htm">
<map name="derButton"><area shape="rect" coords="11,10,59,29" nohref="nohref" alt="absenden" title="absenden" onclick="document.forms[0].submit()"></map>
<p>name:<br><input name="personen" type="text" size="30" maxlength="30"></p>
<img src="Bilder/Button.jpg" alt="absenden" width="200" height="200" usemap="#derButton">
</form>
</body>


die Koordinaten in area musst du natürlich auch anpassen, wie du überhaupt all meine Vorgaben selbst anpassen solltest!
0 Punkte
Beantwortet von harvey17 Mitglied (235 Punkte)
danke jetzt klappts
0 Punkte
Beantwortet von
Hast du eine Alternative zu dieser JavaScript-Variante eingerichtet?
...