2.6k Aufrufe
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
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
von harvey17 Mitglied (235 Punkte)
danke, hat geklapt. ein par kleine fehler behoben und es ging.
0 Punkte
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
von Experte (6.4k Punkte)
ich vermisse hier eine Korrekturfunktion


wie, Korrekturfunktion für Nicht-User?
0 Punkte
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
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
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
von harvey17 Mitglied (235 Punkte)
danke jetzt klappts
0 Punkte
von
Hast du eine Alternative zu dieser JavaScript-Variante eingerichtet?

Deine Antwort

Dein angezeigter Name (optional):
Datenschutz: Deine Email-Adresse benutzen wir ausschließlich, um dir Benachrichtigungen zu schicken. Es gilt unsere Datenschutzerklärung.
Anti-Spam-Captcha:
Bitte logge dich ein oder melde dich neu an, um das Anti-Spam-Captcha zu vermeiden.
...