Folgendes Beispiel zeigt wie eine Javascript Function zum submitten eines Forms durch Drücken der Entertaste verwendet werden kann:
onenter
Beschreibung:
Da es in Javascript keine Event-Handler für onEnter()-events gibt möchte ich hier eine einfache Möglichkeit mittels einer Javascript Function vorstellen.
Zunächst muss die Function im Header-Bereich erstellt werden, „code==13“ steht hier für das Drücken der Entertaste. „myform“ ist der Name des Forms das abgeschickt werden soll.
<script type="text/javascript"> function onEnter(event) { var code = 0; code = event.keyCode; if (code==13) document.myform.submit(); } </script> |
Mittels folgendem Befehl kann die Funktion über ein input Feld aufgerufen werden. Sobald der Benutzer Enter drückt, wird die onEnter-Function aufgerufen und das Form abgeschickt.
<form name="myform" action="onenter.php" method="post"> <input type="text" name="Inputwert" size="10" maxlength="100" onKeyPress="onEnter(event)" ></input> </form> |
Folgender Code zeigt das komplette Beispiel der onEnter Funktion in php:
<html>
<head>
<title>On Enter Beispiel</title>
<script type="text/javascript">
function onEnter(event)
{
var code = 0;
code = event.keyCode;
if (code==13)
document.myform.submit();
}
</script>
</head>
<body>
Welchen Wert möchstest du übergeben??
<form name="myform" action="onenter.php" method="post">
<input type="text" name="Inputwert" size="10" maxlength="100" onKeyPress="onEnter(event)" ></input>
</form>
(drücke enter)
<br/>
<br/>
Du hast folgenden Wert übergeben: <?php echo $_POST["Inputwert"];?>
</body>
</html> |
Gut gemacht Manuel!