JavaScript zum automatischen Springen ins nächste Feld

13.09.2005, 14:57

Hallo zusammen!

Habe folgende Funktion zum automatischen Springen in das nächste Eingabefeld, wenn das erste Feld bis zur maxlength gefüllt wurde. Gibt es hier unter den JavaScript-Profis jemanden, der mir sagen kann, ob es möglich ist, die Funktion so abzuändern, dass man wenn man "Shift-Tab" drückt (also "Feld zurück") der Cursor tatsächlich bei dem vorigen (gefüllten) feld stehen bleibt und man neu eintippen kann?

Code:

<script type="text/javascript"> 

function go2next(CurrentInp) 
{ 
	with (CurrentInp) 
	{
		if ((value.length==maxLength) && (tabIndex<=document.FORM_NAME.elements.length-1)) 
		{ 
			document.FORM_NAME.elements[tabIndex].focus(); 
		} 
	} 
} 

</script>

Dank im Voraus und Grüße!

XLB · 13.09.2005, 15:05

Warum stellst du deine Fragen zum Code nicht im alten Thread? Wenn die Mods meinen, sie müssten den Thread in "richtige" Forum verschieben, dann werden sie dass schon tun ...

13.09.2005, 15:25

wenn es ausführlich sein soll dann ein "Eventserver" mit Callback
Keys müssen natürlich unterstützt werden kA im Moment welche die Shifttaste ist backspace wäre z.B KEY_BACKSPACE: 8
aber ich glaub das wäre für dein script ein bissel "fett"

wobei eine idee wäre über den tabindex immer das letzte element zu merken
also würde man es auch einfacher hinbekommen man muss/sollte sich nur mal ein paar min. Zeit nehmen und darüber nachdenken ( DOM xml nodes )

mfg

13.09.2005, 15:48

@XLB: Weil irgendjemand meinte, mein Thread passe nicht ins PHP-Anfänger-Forum, was ich auch nachvollziehen konnte. Außerdem habe ich irgendwie das Gefühl, dass ich mich hier ein wenig unbeliebt gemacht habe.

@J33d3X: danke für deine Gedanken

XLB · 13.09.2005, 16:39

Hab das mal so gelöst :

Code:

<script type="text/javascript">


		JumpFlag=1;

		function CheckVal(CurrentInp)
		{
			JumpFlag=(CurrentInp.value!='') ? 0 : 1;
		}


		function ChangeFlag(CurrentInp)
		{
			if (CurrentInp.value.length==2) JumpFlag=1;
		}

		function go2next(CurrentInp)
		{

			if (JumpFlag==1)
			{
			with (CurrentInp)
			{

				if ( (value.length==maxLength) && (tabIndex<=document.FX.elements.length-1) )
				{

					document.FX.elements[tabIndex].focus();

				}

			}
			}

		}

	</script>

	<form name="FX">

		<input tabindex="1" type="text" value="" name="IX1" size="2" maxlength="2" onKeydown="ChangeFlag(this)" onfocus="CheckVal(this)" onKeyup="go2next(this)">
		<input tabindex="2" type="text" value="" name="IX2" size="2" maxlength="2" onKeydown="ChangeFlag(this)" onfocus="CheckVal(this)" onKeyup="go2next(this)">
		<input tabindex="3" type="text" value="" name="IX3" size="2" maxlength="2" onKeydown="ChangeFlag(this)" onfocus="CheckVal(this)" onKeyup="go2next(this)">

	</form>

Sieht bei den <inputs> n'bischen wüst aus, funzt aber.

Reicht das (ohne "Eventserver" mit Callback :wink: ) ?

14.09.2005, 10:45

@XLB: WOW!!! Du bist klasse! Vielen Dank für das Skript - es tut genau das, was es soll! Bin super happy!

14.09.2005, 15:09

@XLB: du scheinst dich ja echt sehr gut auszukennen...

Ich habe _NULL Ahnung von JS deswegen meine Frage: kann man das Skript so erweitern, dass wenn man (das Skript) in ein inputfield jumped, welches schon gefüllt ist dort dann nicht der Cursor vor dem ersten Zeichen erscheint, sondern gleich der Inhalt dieser Box markiert wird zum DRÜBERschreiben?

XLB · 14.09.2005, 23:54

Hallo ...

Welchen Browser verwendest du? Habe das Skript auf FF (1.0.6) und IE (6.x) laufen lassen. Bei beiden Browsern wird der Inhalt eines <input> automatisch "selektiert" (blau hinterlegt), wenn mit Shift+Tab dorthin "zurückgesprungen" wird und kann neu editiert werden.

Oder was meinst du ?

Gruß und gut's Nächtle,
Axel

Nsodsi · 29.09.2009, 17:12

Hallo Leute. Ich hoffe dieser alte Tread wird von jemandem gelesen.

Ich hab folgendes Problem und ich hoffe das passt hier mit rein:

Ich hab eine Seite die ein Javaapplet aufruft. In diesem Applet gibt es Felder zur eingabe von Benutzername und Passwort.

Ich möchte jetzt das Automatisch Benutzername und Passwort ausgefüllt werden, jedoch hab ich keinen zugriff auf den Quelltext des Aplett.

Nur das hier:

HTML-Code:

<applet code="GroupChat.class" archive="knuddelsk89yuj.jar" 
codebase="http://213.61.5.150/" WIDTH="579" HEIGHT="280">
<param name=PORT value="2710,80">
<param name=background value="003300">
<param name=foreground value="0">
<param name=foregroundList value="000000">
<param name=backgroundList value="99FF7F">
<param name=suggestion value="Talk">


<param name=idPic value="0">
<param name=appletID value="4">
<param name=categories value="Flirt|3|Over 20>Channels>Lokalrunde|4|Under 18|5|Lokalrunde>Channels>20+|6|Games|7|Classic|8|Themetalk|9|Alle Channels|0">

<param name=languageID value="0">
<param name=layoutID value="0">
<param name=resource value="imgsk89yuj.zip">
<param name="cache_archive" VALUE="knuddelsk89yuj.jar">
<param name="cache_version" VALUE="1.0.0.1">
<param name=cabbase value="knuddelsk89yuj.cab">

</applet>

weiß jemand weiter?
Vielen Dank

Gruß Nsodsi

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Unsichtbares Formularfeld mit Javascript ansprechen	mAy^daY	HTML, Usability und Barrierefreiheit	6	13.08.2006 21:25
[Erledigt] nach x zeichen ins nächste input feld springen		HTML, Usability und Barrierefreiheit	3	13.12.2005 11:21
Fileupload Feld, javascript ausgabe	dsmcg	HTML, Usability und Barrierefreiheit	5	30.11.2005 11:04
Array nach Feld sortieren		PHP Tipps 2005-2	2	07.08.2005 23:00

13.09.2005, 14:57
winfo_cologne Gast Beiträge: n/a	JavaScript zum automatischen Springen ins nächste Feld Hallo zusammen! Habe folgende Funktion zum automatischen Springen in das nächste Eingabefeld, wenn das erste Feld bis zur maxlength gefüllt wurde. Gibt es hier unter den JavaScript-Profis jemanden, der mir sagen kann, ob es möglich ist, die Funktion so abzuändern, dass man wenn man "Shift-Tab" drückt (also "Feld zurück") der Cursor tatsächlich bei dem vorigen (gefüllten) feld stehen bleibt und man neu eintippen kann? Code: <script type="text/javascript"> function go2next(CurrentInp) { with (CurrentInp) { if ((value.length==maxLength) && (tabIndex<=document.FORM_NAME.elements.length-1)) { document.FORM_NAME.elements[tabIndex].focus(); } } } </script> Dank im Voraus und Grüße!


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

13.09.2005, 15:05
XLB Erfahrener Benutzer Registriert seit: 31.07.2005 Beiträge: 1.126 PHP-Kenntnisse: Fortgeschritten	Warum stellst du deine Fragen zum Code nicht im alten Thread? Wenn die Mods meinen, sie müssten den Thread in "richtige" Forum verschieben, dann werden sie dass schon tun ...

13.09.2005, 15:25
Gast Beiträge: n/a	wenn es ausführlich sein soll dann ein "Eventserver" mit Callback Keys müssen natürlich unterstützt werden kA im Moment welche die Shifttaste ist backspace wäre z.B KEY_BACKSPACE: 8 aber ich glaub das wäre für dein script ein bissel "fett" wobei eine idee wäre über den tabindex immer das letzte element zu merken also würde man es auch einfacher hinbekommen man muss/sollte sich nur mal ein paar min. Zeit nehmen und darüber nachdenken ( DOM xml nodes ) mfg

13.09.2005, 15:48
winfo_cologne Gast Beiträge: n/a	@XLB: Weil irgendjemand meinte, mein Thread passe nicht ins PHP-Anfänger-Forum, was ich auch nachvollziehen konnte. Außerdem habe ich irgendwie das Gefühl, dass ich mich hier ein wenig unbeliebt gemacht habe. @J33d3X: danke für deine Gedanken

14.09.2005, 10:45
winfo_cologne Gast Beiträge: n/a	@XLB: WOW!!! Du bist klasse! Vielen Dank für das Skript - es tut genau das, was es soll! Bin super happy!

14.09.2005, 15:09
winfo_cologne Gast Beiträge: n/a	@XLB: du scheinst dich ja echt sehr gut auszukennen... Ich habe _NULL Ahnung von JS deswegen meine Frage: kann man das Skript so erweitern, dass wenn man (das Skript) in ein inputfield jumped, welches schon gefüllt ist dort dann nicht der Cursor vor dem ersten Zeichen erscheint, sondern gleich der Inhalt dieser Box markiert wird zum DRÜBERschreiben?

14.09.2005, 23:54
XLB Erfahrener Benutzer Registriert seit: 31.07.2005 Beiträge: 1.126 PHP-Kenntnisse: Fortgeschritten	Hallo ... Welchen Browser verwendest du? Habe das Skript auf FF (1.0.6) und IE (6.x) laufen lassen. Bei beiden Browsern wird der Inhalt eines <input> automatisch "selektiert" (blau hinterlegt), wenn mit Shift+Tab dorthin "zurückgesprungen" wird und kann neu editiert werden. Oder was meinst du ? Gruß und gut's Nächtle, Axel