✔ Formular wird über den (für mich) falschen Submit-Button gesendet

Status
Nicht offen für weitere Antworten.
auch wenns dumm klingt, die Idee von Sven verdient eine Chance ;)

Ich hätte instinktiv zu einem Javascript geraten (obwohl ich JS nicht mal kann...), aber das will man ja nicht :( :D
 
Es wurde niemals angedeutet, dass Button1 über ENTER aktiviert werden soll. Somit kann dieser Button doch ruhig da verschimmeln, wo es im Moment Button2 tut :)
 
Naja, dann müßte ich mein design "völlig" umkrempeln. Dann wäre die Eingabe nicht mehr intuitiv. Würde ich zumindest so empfinden.

Najuti, trotzdem Danke für die Hilfe.
 
Du könntest 2 einzelne Formulare machen und in jedem Formular das jeweils andere Feld als hidden-Input eintragen. eventuell lässt sich darüber eine serverseitige Lösung finden.
Alternativ könntest Du die Buttons im HTML umdrehen und mit CSS verschieben, so dass sie optisch an denselben Stellen sitzen, wie jetzt.
 
Variante 1 geht nich, da ich beide Werte jedesmal brauche, wenn ich zwei Formulare habe, schickt man ja nur die Hälfte ab, obwohl ich beides brauch. Und als hidden-fields...wie soll das gehen, wenn ich noch nich weiß, was der Benutzer eingibt?

Variante 2: Hört sich kompliziert an. Ich würde sagen, dass das schwer möglich ist, da die Buttons in Tabellen reingeschachtelt sind.
 
Da zeigt sich mal wieder, warum Layout mit Tabellen dumm ist.
Folgender Code macht annähernd Dein Layout (getestet mit IE 6, FF 1, NS 7).
Mit ein bisschen Anpassen der Werte sollte es hinzukriegen sein, dass es exakt gleich aussieht.
Wenn Du statt der Pixelangaben em-Angaben verwendest, lässt sich die Suchmaske auch unbegrenzt skalieren, ohne dass Teile nicht mehr richtig zu erkennen sind oder sich irgendwas überlappt.
Hier also der Code:
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
  <head>
    <meta http-equiv="Content-Type"
      content="application/xhtml+xml; charset=UTF-8" />
    <title>Testformular</title>
    <style type="text/css">
      #ortswahl {
        font-family:Arial, sans-serif;
        width:300px;
        background:#eee;
        border:1px #000 solid;
        padding:10px;
        height:100px;
      }
      #ortswahl form {
        padding:0;
        margin:0;
      }
      #city {
        width:160px;
        position:absolute;
        margin-top:20px;
        margin-left:10px;
      }
      #street {
        width:160px;
        position:absolute;
        margin-top:70px;
        margin-left:10px;
      }
      #search {
        width:100px;
        position:absolute;
        margin-top:70px;
        margin-left:180px;
      }
      #changeCity {
        width:100px;
        position:absolute;
        margin-top:20px;
        margin-left:180px;
      }
      #labelCity {
        font-size:10px;
        width:200px;
        position:absolute;
        margin-top:5px;
        margin-left:10px;
      }
      #labelStreet {
        font-size:10px;
        width:200px;
        position:absolute;
        margin-top:55px;
        margin-left:10px;
      }
    </style>
  </head>
  <body>
    <div id="ortswahl">
      <form action="./" method="get">
        <div>
          <div id="labelCity">
            Stadt
          </div>
          <input id="city" type="text" name="stadt" value="" />
          <div id="labelStreet">
            Startpunkt (Stra&szlig;e eingeben)
          </div>
          <input id="street" type="text" name="strasse" value="" />
          <input id="search" type="submit" name="action"
            value="Suche" />
          <input id="changeCity" type="submit" name="action"
            value="Stadt &auml;ndern" />
        </div>
      </form>
    </div>
  </body>
</html>

Eine Frage noch zur Usability:
Warum ist die Stadt kein Formularfeld? Den Button könnte man sich doch sparen und dem User die Eingabe immer ermöglichen?

Gruß hpvw
 
Zuletzt bearbeitet:
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück