Enter-Taste funktioniert nicht
Siegfried Möck
- html
Hallo,
ich habe eine neue Seite mit HTML, CSS und JavaScript erstellt. Sie enthält im Wesentlichen ein Formular. Die Formularfelder werden nicht abgeschickt, sondern jeweils nach Eingabe neuer Werte mit Ergebnissen versorgt, die mittels Java-Applet und JavaScript ermittelt werden.
Das funktioniert soweit schon ganz gut. Man kann mit Tab-Taste von Feld zu Feld gehen oder jeweils mit der Maus auf ein anderes Feld springen. Immer nach Eingabe eines neuen Wertes in eines der Felder werden die Ergebnisse automatisch ermittelt. Ich möchte gern, dass die Enter-Taste sich verhält, wie die Tab-Taste, habe jedoch keine Lösung dafür gefunden.
In Netscape 6.2 wird nach Drücken von ENTER in einem Textfeld zwar die Eingabe abgeschlossen, aber nicht auf das nächste Feld gesprungen. In IE 6.0 wird die Enter-Taste gar nicht angenommen, es ertönt ein Glockenton.
Wenn die Enter-Taste betätigt wird, soll jedoch wie bei der Tab-Taste die Eingabe abgeschlossen und der Focus auf das nächste Feld gesetzt werden.
Weiß jemand, wie das zu bewerkstelligen ist?
Für eure Beiträge bedanke ich mich schon in Voraus.
Viele Grüße und ein gutes Neues!
Siegfried Möck
geht enter nich wenn du im letzten feld bist und enter drückst, zum abschicken? zeig mal den quelltext :)
geht enter nich wenn du im letzten feld bist und enter drückst, zum abschicken? zeig mal den quelltext :)
Nein, wie gesagt, es wird nichts abgeschickt. Es gibt keinen Button mit entsprechender Funktion, auch keinen Rücksetzen-Button.
Hier ist der Quelltext, nur um eine Anzahl weiterer gleichartiger Formularfelder gekürzt, die für die Frage nicht relevant sein dürften:
<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<title>JAVA-Applet SimTax.</title>
<style type="text/css">
<!--
form
{ background-image:url(background.gif); padding:20px; border:6px solid #DDDDDD; }
td, input, select, textarea
{ font-size:13px; font-family:Verdana,sans-serif; font-weight:standard; }
input, select, textarea
{ color:#0000FF; }
.Ergebnis
{ background-color:#FFFFFF; width:90px; border:3px solid #DDDDDD; background-color:#FFFFF0; color:#000000; }
.Text
{ background-color:#FFFFF0; color:#000000; border:0px solid #DDDDDD; }
.Check
{ background-color:#DDFFFF; border:1px solid #DDDDDD; }
.Eingabe
{ width:90px; }
-->
</style>
<SCRIPT src="simtax.js" type="text/javascript" LANGUAGE=JavaScript1.2>
</script>
</head>
<body onLoad="init();" bgcolor="#fffff0" bgproperties="fixed" link="#808000">
<form name="FrontPage_Form1" method="post" onsubmit="return FrontPage_Form1_Validator(this)" >
<input type="hidden" name="subject" value="SimTax Formular">
<div align="left">
<table border="0" width="737" height="145">
<tr>
<td width="221" height="20" align="right" bordercolor="#FFFFFF"><font size="2">Abrechnungsjahr</font></td>
<td width="219" height="20" bordercolor="#FFFFFF"><font size="2"><select size="1" name="Fabrjahr"
onChange="Fabrjahr_changed(this);" tabindex="1">
<option value="2000">2000</option>
<option value="2001">2001</option>
<option selected value="2002">2002</option>
<option value="2003">2003</option>
</select></font></td>
<td width="243" height="20" align="right" bordercolor="#FFFFFF"><font size="2">steuerpflichtiges
<b>
Brutto</b></font></td>
<td width="83" height="20" bordercolor="#FFFFFF" align="left"><font size="2"><input type="text" name="Fbrutto" size="9"
value="0.00" class="Eingabe" onChange="Fbrutto_changed(this);" tabindex="14"></font></td>
<td width="24" height="20" bordercolor="#FFFFFF" align="left"><font size="2"></font></td>
</tr>
<tr>
<td width="221" height="20" align="right" bordercolor="#FFFFFF">Zeitraum</td>
<td width="219" height="20" bordercolor="#FFFFFF"><font size="2"><select size="1" name="Fzeitraum"
onChange="Fzeitraum_changed(this);" tabindex="2">
<option value="1">Jahr</option>
<option selected value="2">Monat</option>
<option value="3">Woche</option>
<option value="4">Tag</option>
</select></td>
<td width="243" height="20" align="right" bordercolor="#FFFFFF"><font size="2">darunter
Versorgungsbezüge</font></td>
<td width="83" height="20" bordercolor="#FFFFFF" align="left"><font size="2"><input type="text" name="Fvbez" size="9" value="0.00"
class="Eingabe" onChange="Fvbez_changed(this);" tabindex="15"></font></td>
<td width="24" height="20" bordercolor="#FFFFFF" align="left"><font size="2"></font></td>
</tr>
<tr>
<td width="221" height="20" align="right" bordercolor="#FFFFFF"><font size="2">Steuer-Klasse</font></td>
<td width="219" height="20" bordercolor="#FFFFFF"><font size="2"><select size="1" name="Fstkl" onChange="Fstkl_changed(this);"
tabindex="3">
<option selected value="1">I</option>
<option value="2">II</option>
<option value="3">III</option>
<option value="4">IV</option>
<option value="5">V</option>
<option value="6">VI</option>
</select></font></td>
<td width="243" height="20" align="right" bordercolor="#FFFFFF"></td>
<td width="83" height="20" align="left" bordercolor="#FFFFFF"></td>
<td width="24" height="20" align="left" bordercolor="#FFFFFF"></td>
</tr>
<tr>
<td width="221" height="20" align="right" bordercolor="#FFFFFF"><font size="2">64 Jahre oder
älter</font></td>
<td width="219" height="20" bordercolor="#FFFFFF"><font size="2"><input type="checkbox" name="Falter" value="Altersfreibetrag"
onClick="Falter_changed(this);" tabindex="4"></font></td>
<td width="243" height="20" align="right" bordercolor="#FFFFFF"><font size="2">Lohnsteuer</font></td>
<td width="83" height="20" align="left" bordercolor="#FFFFFF"><input type="text" name="Lohnsteuer" size="9" value=" 0.00"
class="Ergebnis" readonly tabindex="16" style="text-align: right"></td>
<td width="24" height="20" align="left" bordercolor="#FFFFFF"><font size="2"></font></td>
</tr>
</table>
</div>
</form>
<p><APPLET id=SimTax style="LEFT: 0px; WIDTH: 0px; TOP: 0px; HEIGHT: 0px" height=0 alt="Leider unterstützt Ihr Browser keine
JAVA-Applets" width=0 align=baseline code=SimTax.class name=simtax VIEWASTEXT>
<PARAM NAME="param2" VALUE="2">
<PARAM NAME="param1" VALUE="1792233">
</APPLET>
</p>
<p>
</p>
</body>