Gruppen

Top Gruppen: Windows 7; Windows Vista; Windows XP; Textverarbeitung; Excel; DSL; Internet Browser; E-Mail/Outlook
Betriebsysteme: Windows classik; Linux; BS-Sonstige
Software: Datenbanken; Bildbearbeitung; Audio/mp3/Video; Security/Viren; SW-Sonstige
Hardware: Mainboard/CPU; Grafikkarten; Peripherie; Laptop/Notebook; HW-Sonstiges
Netzwerk: Telefon,ISDN,Modem; W-Lan; NW-Sonstiges
Programmierung: PHP,ASP,Perl...; Java,C++...; Webseiten/HTML
Sonstiges: PC-Sonstiges; Plauderecke; SN Intern; Test

/ Forum / Webseiten/HTML

Webseiten/HTML

Fragevon Harvey17 vom 28.05.2022, 21:14 Options

formular mit imagemap absenden

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.

Antwort schreiben

Antwort 1 von gast42 vom 28.05.2022, 21:25 Options

 
<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!

Antwort 2 von Harvey17 vom 28.05.2022, 22:06 Options

danke, hat geklapt. ein par kleine fehler behoben und es ging.

Antwort 3 von gast42 vom 28.05.2022, 22:13 Options

außer dem verrutschten </map> (gehört natürlich direkt hinter <area>, ich vermisse hier eine Korrekturfunktion wie in anderen Foren) - welche Fehler?

Antwort 4 von supporter2010 vom 28.05.2022, 22:39 Options

Zitat:
ich vermisse hier eine Korrekturfunktion

wie, Korrekturfunktion für Nicht-User?

Antwort 5 von Harvey17 vom 28.05.2022, 23:30 Options

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>

Antwort 6 von supporter2010 vom 29.05.2022, 02:46 Options

Formulare können nicht verschachtelt werden und dürfen sich nicht überlappen...

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

mfg, sup2010

Antwort 7 von gast42 vom 29.05.2022, 09:40 Options

<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!

Antwort 8 von Harvey17 vom 29.05.2022, 17:15 Options

danke jetzt klappts

Antwort 9 von gast42 vom 30.05.2022, 00:28 Options

Hast du eine Alternative zu dieser JavaScript-Variante eingerichtet?

Hinweis

Diese Frage ist schon etwas älter, Sie können daher nicht mehr auf sie antworten. Sollte Ihre Frage noch nicht gelöst sein, stellen Sie einfach eine neue Frage im Forum..