Felder mit Enter abschicken
0 
molily
Felder mit Enter abschicken
Hallo,
ich habe mal für alle, die es gebrauchen können eine Kleinigkeit gebastelt um in einer Seite, in der man verschiedene Felder mit Button hat, die Felder mit Enter abzuschicken...
Das Script ist jedoch nur für den IE. Wenn jemand lust hat kann er es ja gerne noch auf Moz. und Co erweitern.
<HTML>
<HEAD>
<SCRIPT language="Javascript" type="text/javascript">
[code lang=javascript]
/**
* alert_txt ist eine Aktion, die auf den Click auf einen Button das dazugehörige Feld ausgiebt
* written by: Jan Grohnfeldt (15.08.2008)
* @param txtfeld_id Id des Feldes, das zu dem Button gehört
*******/
function alert_txt(txtfeld_id){
feld = document.getElementById(txtfeld_id);
if(feld != null){
alert(feld.value);
}else{
aler('Kein Feld gewählt');
}
}
/**
* check_enter prüft ob die 'Entertaste' gedrückt wurde und ruft dann das Clickevent des zugehörigen Buttons auf
* written by: Jan Grohnfeldt (15.08.2008)
* @param submit_btn_id Id des Buttons, dessen Clickevent ausgelöst werden soll
*******/
function check_enter(submit_btn_id){
if(window.event.keyCode == 13){
button = document.getElementById(submit_btn_id);
button.onclick();
}
}
</SCRIPT>
</HEAD>
<BODY>
<div style='border:1px solid black;'>
<form>
<input type='text' id='feld1' onkeydown='check_enter("btn1")'/>
<input type='button' id='btn1' value='Zeige Feld 1' onclick='alert_txt("feld1");' />
</form>
</div>
<br />
<div style='border:1px solid black;'>
<form>
<input type='text' id='feld2' onkeydown='check_enter("btn2")' />
<input type='button' id='btn2' value='Zeige Feld 2' onclick='alert_txt("feld2")' />
</form>
</div>
</BODY>
</HTML>
[/code]
Viel Spaß damit!
Grüße
Jan
***********************************************************
<?php if($sein || !$sein) { echo "das ist hier die Frage!"; }
-
Hallo,
Wenn ein Submit-Button im Formular existiert und der Anwender in einem einzeiligen Texteingabefeld Enter drückt, wird automatisch auch ohne JavaScript-Zusätze das Formular abgesendet und das Wertepaar des Submit-Buttons übertragen.
Wozu bedarf es nun deines Scriptes? Wieso <input type=button> statt einfach <input type=submit>?
Knifflig wird es erst mit mehreren Submit-Buttons pro Formular. Aber das sehe ich in deinem Beispiel nicht.Mathias