Monika: FORM - Anstelle Mausklick eben die Entertaste

Beitrag lesen

Hallo Cheatah,

herzlichen Dank für Deine interessante Antwort. :-)

Wenn ich noch etwas nachfragen darf, weil wahrscheinlich
ist das doch nicht so ganz wegen dem SELFHTML-Fehler
verstanden worden, also schau mal:

"Auf aktuelles Objekt Bezug nehmen (this)"
gibt es auch ein Anzeigebeispiel, das aber nicht
funktioniert! ;-(((

doch, einwandfrei.

Nein, leider nicht, folgendes konkret:

Man surft zur
http://www.teamone.de/selfhtml/tebcd.htm
hin, dort ist das Formular.

RICHTIG
-------
http://www.teamone.de/selfhtml/tebcd.htm
Gibt man dort das Wort "Beispiel" ein, klickt
anschliessend MIT DER MAUS auf das OK-Sendebutton,
dann erscheint ein JAVA-ALERT-Fenster und der
eingegebene Text "Beispiel" steht dann dort da.
Das soweit richtig (und wohl auch beabsichtigt).

FALSCH / FEHLER
---------------
http://www.teamone.de/selfhtml/tebcd.htm
Gibt man das Wort "Beispiel" ein, haut man aber
anschliessend per ENTER-TASTE aufm Keyboard drauf <kicher>,
dann kommt das JAVA-ALERT-Fenster eben NICHT,
sondern der Browser faehrt dann

von
http://www.teamone.de/selfhtml/tebcd.htm

auf
http://www.teamone.de/selfhtml/tebcd.htm?Feld=Beispiel

rueber und das ist FALSCH!

Es soll doch - egal ob MAUS-Klick oder ENTER-Taste
_immer_ und _trotzdem_ das JAVA-ALERT-Fenster
erscheinen. Bin nicht blond. 8-)

Vielleicht nochmals die Source beigelegt:

-------
<html>
<head>
<title>SELFHTML: JavaScript /  Sprachelemente / Objekte, Eigenschaften und Methoden / Auf aktuelles Objekt Bezug nehmen (this)</title>
<link rel=stylesheet type="text/css" href="wselfhtm.css">
</head>
<body bgcolor=#EEEEEE text=#000000 link=#AA5522 vlink=#772200 alink=#000000>
<h2><img src="xjavs10.gif" width=30 height=30 alt="JavaScript 1.0" border="0"><img src="xnetsi2.gif" width=30 height=30 alt="Netscape2.0" border="0"><img src="xmsie3.gif" width=30 height=30 alt="MS IE3.0" border="0"> Auf aktuelles Objekt Bezug nehmen (this)</h2>
<p><img src="xshow.gif" width=33 height=14 border=0 alt="Beschreibung"><br>
<a href="tebc.htm#a8"><b>Beschreibung: so wird's gemacht</b></a></p>

<form name="Eingabe">
  <input type=text name="Feld">
  <input type=button value="OK" onClick="alert(this.form.Feld.value)">
</form>

<br> 
</body>
</html>
-------

<input type=button value="OK" onClick="alert(this.form.Feld.value)">

Mit der Maus kann man hinklicken, aber mit der
Entertaste geht das nicht! Warum? Was fehlt mir hier
noch?-/

Der Handler heißt "onClick", und genau das meint er auch. Wenn Du beim Submit ("on Submit") etwas machen möchtest, mußt Du dem Formular auch ein onSubmit mitgeben.

Das heisst Deiner Meinung nach also, dass Stefan
in der SELFHTML das aendern muss, oder? Also praktisch
so:

VORHER
------
http://www.teamone.de/selfhtml/tebcd.htm
<form name="Eingabe">
  <input type=text name="Feld">
  <input type=button value="OK" onClick="alert(this.form.Feld.value)">
</form>

NACHHER
-------
http://www.teamone.de/selfhtml/tebcd.htm
<form name="Eingabe">
  <input type=text name="Feld">
  <input type=button value="OK" onSubmit="alert(this.form.Feld.value)">
</form>

Du, ich habe das gerade soeben ausprobiert:
Wenn man von onClick auf onSubmit aendert, dann
geht ja das mit dem MAUS-Klick nicht mehr, bzw. dann
geht das ganze ja ueberhaupt gar nicht mehr?? <heul>

Abgesehen davon aber mußt Du onSubmit abfangen (denn Enter im einzigen Textfeld des Formulars entspricht einem Submit) und entsprechend handeln.
Vergiß nicht "return false;", weil sonst das Formular trotzdem abgeschickt wird.

Also, gut, habe ich ebenfalls gerade gemacht:
(aus: http://www.teamone.de/selfhtml/tebcd.htm)
<form name="Eingabe">
  <input type=text name="Feld">
  <input type=button value="OK" onSubmit="alert(this.form.Feld.value); return false">
</form>

Nein, geht auch nicht. :-(((
Probiere es doch mals selbst aus, danke für eine
Hilfe oder Lösungsvorschlag (wo bleibt Stefan??)

Ciao,
Monika