Guten Morgen!
Folgendes Problem:
Ich habe ein mehrseitiges Formular indem ich eine bestimmte Tab Reihenfolge brauche. Beim letzten Tab einer Seite soll die Anwendung direkt auf das nächste Tab Fenster springen (die nächste Seite). Klappt soweit auch wunderbar. Ein bissl Javascript so und es läuft.
Will ich nun aber mit [SHIFT][TAB] in das vorherige Feld springen spinnt der Browser etwas rum, er springt in ein ganz anderes Feld und erst wenn ich danach [TAB] drücke springt er in das gewünschte Feld.
Dieses Phänomen zeigt sich aber
1. nicht bei jedem Feld
2. es sind immer Feld- Paare.
3. ohne jeden Grund.....
Ich habe bereits den Tabindex überprüft und die Javascript Funktionen die ausgelöst werden. Auch der Quelltext ändert sich nicht...
Hier ein Auszuge aus dem Quelltext:
HTML Quelltext (in Zeile 4 ist eines der Felder die spinnen):
Javascript Quelltext:
Vielleicht könnt ihr mir ja helfen...
Folgendes Problem:
Ich habe ein mehrseitiges Formular indem ich eine bestimmte Tab Reihenfolge brauche. Beim letzten Tab einer Seite soll die Anwendung direkt auf das nächste Tab Fenster springen (die nächste Seite). Klappt soweit auch wunderbar. Ein bissl Javascript so und es läuft.
Will ich nun aber mit [SHIFT][TAB] in das vorherige Feld springen spinnt der Browser etwas rum, er springt in ein ganz anderes Feld und erst wenn ich danach [TAB] drücke springt er in das gewünschte Feld.
Dieses Phänomen zeigt sich aber
1. nicht bei jedem Feld
2. es sind immer Feld- Paare.
Feld 1 springt immer zu Feld 5 und dann zu Feld 2.
Feld 3 springt immer zu Feld 12 und dann zu Feld 4.
usw...
Feld 3 springt immer zu Feld 12 und dann zu Feld 4.
usw...
Ich habe bereits den Tabindex überprüft und die Javascript Funktionen die ausgelöst werden. Auch der Quelltext ändert sich nicht...
Hier ein Auszuge aus dem Quelltext:
HTML Quelltext (in Zeile 4 ist eines der Felder die spinnen):
HTML Code:
<label for="sterbe_strasse_verstorbener">Strasse/ Hausnr.</label> <input id="input_strasse" name="sterbe_strasse_verstorbener" onfocus="showBox('ortsauswahl_box', 'verstorbener','sterbe');" value="" tabindex="39" onkeydown="berechneKostenvoranschlag=true;" type="text"> <input id="input_hausnr" name="sterbe_hausnr_verstorbener" value="" tabindex="40" onkeydown="jumpTab(event,2,false);" type="text"><br> <label for="sterbe_plz_verstorbener">PLZ/ Ort</label> <input id="input_plz" name="sterbe_plz_verstorbener" readonly="readonly" value="" type="text"> <input id="input_ort" name="sterbe_ort_verstorbener" readonly="readonly" value="" type="text">
Code:
function jumpTab(event,tabnr,back) { if (event.which == "9" && event.shiftKey && back == true) { alert("hallo"); } else if (event.which == "9" && !event.shiftKey) { getName("window1_tab_button_"+tabnr).onclick(); } }
Comment