Wenn die Seite geladen wurde, Cursor im Input Feld?!

<Daniel> · 31.08.2006, 14:35

Mahlzeit!
Ihr kennt das ja, wenn ihr auf www.google.de geht, dann ist der Cursor sofort im Inputfeld und man kann gleich lostippen.
Das würde ich auch gerene für meien Page übernehmen, weiß einer wie das geht? Mit einem Javascript vllt.?
Danke ^^

Gruß

XLB · 31.08.2006, 14:40

Hi.

Jo, mit JS. Schau dir mal den Quellcode von Google.de an und achte auf die Funktion "sf()", bzw. wie/wo sie aufgerufen wird ... (-> onload="...").

Sollte man recht simpel "transferieren" können ...

<Daniel> · 31.08.2006, 14:51

Jo das habe ich mir ja auch angeguckt (deswegen erwähne ich JS ^^), aber ich hab das nicht so recht hinbekommen, da ich eigentlich nicht JS arbeite. Die Funktion selber scheint ja diese hier zu sein:

Code:

function sf(){document.f.q.focus();}

Das 'q' ist scheinbar der Name des Input Feldes, aber was ist das 'f'? Und kann ich den 'onload()' Befehl auch irgendwo anders, als in Body reinpacken?

Gruß

XLB · 31.08.2006, 15:05

Hast du dir das Formular mal angesehen ?

"f" -> Name des Formulars
"q" -> Name des Inputs

Zitat:

... den 'onload()' Befehl auch irgendwo anders, als in Body reinpacken?

Warum das ? Warum nicht in den "body" ?

<Daniel> · 01.09.2006, 09:20

Danke hatte das 'f' als Name übersehen.
Habs jetzt getestet und es funktioniert auch soweit, nur habe ich nun das Problem, dass ich einen JS Fehler bekomme, wenn eine andere Seite und nicht der Login Bildschirm aufgerufen wird.
Und zwar ist das bei mir so, dass ich eine Index Seite habe und je nach Link den man drückt, wird halt eine andere Seite in die Index Seite included. Deshalb wollte ich ja wissen, ob man den onLoad Befehl auch woanders als Body setzen kann.
Wenn ich z.B. die Startseite aufrufe, bekomme ich schon das Fehlersymbol in der Statusleiste, dass das JS nicht ausgeführt wird, wenn ich dann auf den Login Bereich klicke geht das ganze.

Also nochmal die Frage -> Kann man es auch woanders als in <body> einbinden? Oder kann man die Funtion irgendwie leicht modifizieren, damit er es nur lädt, wenn das Formular halt da ist?

Gruß

XLB · 01.09.2006, 10:31

Wäre zu prüfen, ob das Dokument ein Objekt mit dem entsprechenden Namen des Formulars kennt. Bezogen auf die von Google verwendete Funktion sollte das dann so aussehen:

Code:

        function sf()
	{
		if (document.f.q)
		{
			document.f.q.focus();
		}
	}

<Daniel> · 01.09.2006, 10:46

Danke, das ist schonmal nicht schlecht!
Nur leider bekomm ich wieder dieses Symbol für Fehler, als Beschreibung steht da:
'document.f.q' ist Null oder kein Objekt
Diese bekomme ich wenn ich grad nicht die Login Seite included habe, wenn ich auf Login gehe ist alles normal ohne Fehler.
Könnte man nicht irgendwie was in else reinpacken, damit es nichts macht, wenn die Bediengung nicht zutrifft? Also auch nicht diese Fehlermeldung produziert? ^^
Sorry, falls ich damit nerve, es ist mir aber halt wichtig.
Und danke für deine Mühe!

Gruß

XLB · 02.09.2006, 11:51

Hallo - ich nochmal ...

Zitat:

'document.f.q' ist Null oder kein Objekt

... klingt nach IE. FF schluckt den Code ohne weiteres.

Der IE will's tatsächlich ganz genau wissen. Hab da mal was gefrickelt, dass auch dem IE in den Kram passt ...

Code:

function sf()
	{
		if (document.f && document.forms['f'])
		{
			if (
					document.f.q &&
					document.f.elements['q'] &&
					(document.f.q.type=='text')
				)
			{
				document.f.q.focus();
			}
		}
	}

Hab's grad mal "unter deinen Bedingungen" laufen lassen - sollte nun gehen ...

Basti · 02.09.2006, 12:46

Hi.

Ich hab auf meiner Todo-Liste eines aktuellen Projektes unter der Rubrik "Kür" auch so eine Funktion stehen. Weil ich wenig Plan von JS hab, es eben "Kür" ist und hier grad so angesprochen wird, frag ich hier einfach malganz faul nach einer Lösung.

Auf einer Seite gibt es 0-n Formulare. Diese können der Klasse "focus" zugeordnet sein (im Optimalfall gibt es nur ein Formular dieser Klasse je Seite, kann ich aber nicht garantieren - kann also 0-n <form class="focus"> geben). Innerhalb jedes Formular sind auch wieder 0-n Elemente dieser Klasse zugeordnet (im Optimalfall eben wieder nur eines).

Der Fokus soll nun auf folgendes Objekt gesetzt werden: Das erste Element <textarea> oder <input type="text" /> mit class="focus" (falls kein Element von dieser Klasse ist, dann das erste passende Element im Formular) innerhalb des ersten Formulars mit class="focus" (falls kein Formular von dieser Klasse ist, dann innerhalb des ersten Formulars der Seite).

Später wird es je Seite dann nurnoch maximal ein Formular geben, so dass anstat nach dem ersten <form class="focus" /> nach dem ersten div oder span (vielleicht sogar beliebigen Element) mit class="focus" gesucht werden muss.

Jemand Lust, das zu lösen? *g

Basti

<Daniel> · 06.09.2006, 10:10

Super klappt wunderbar, danke !!!
Und viel Glück @ Basti ^^

Gruß

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
Bei richtiger Eingabe Daten an nächste Seite versenden	xx_heidi_xx	PHP Tipps 2008	49	27.05.2008 14:56
name der seite die sich in einem frame befindet.		Beitragsarchiv	2	16.06.2005 11:46
mysql_result ausgabe im input feld	Stinger	PHP Tipps 2005-2	6	15.06.2005 17:13
Checken ob Seite fertig geladen ist	Igäl	HTML, Usability und Barrierefreiheit	6	06.05.2005 14:13
Warten bis Seite vollständig geladen / angezeigt		PHP Tipps 2005	7	05.04.2005 09:13
PHP Seite mit 2 Includes erstellen?	Niedi	PHP Tipps 2005	13	19.03.2005 15:58
Seite in Seite		PHP-Fortgeschrittene	3	15.03.2005 19:27
Ermittlen, wann Seite fertig geladen ist - möglich?	zwelch	PHP Tipps 2005	7	06.03.2005 00:45
Neue Seite an einer bestimmten Stelle aufrufen		PHP Tipps 2005	3	13.01.2005 10:09
[Erledigt] Bitte warten anzeige während seite geladen wird		HTML, Usability und Barrierefreiheit	2	19.10.2004 13:03
Variable / wert auf neue seite mit session... WIE?!		PHP Tipps 2004	3	05.10.2004 15:21
Seite nicht mit content="3600" im Cache gespeicher	scheibo	PHP Tipps 2004	0	19.07.2004 14:49
Werte auf andere Seite übergeben	themonk	PHP Tipps 2004	2	29.06.2004 21:04
[Erledigt] PHP Eine neue PHP seite automatisch öffnen		PHP Tipps 2004	1	19.06.2004 12:40
Verhindern, dass die Seite aus dem Cache geladen wird		HTML, Usability und Barrierefreiheit	3	02.06.2004 18:34

31.08.2006, 14:35
<Daniel> Erfahrener Benutzer Registriert seit: 03.04.2006 Beiträge: 222	Wenn die Seite geladen wurde, Cursor im Input Feld?! Mahlzeit! Ihr kennt das ja, wenn ihr auf www.google.de geht, dann ist der Cursor sofort im Inputfeld und man kann gleich lostippen. Das würde ich auch gerene für meien Page übernehmen, weiß einer wie das geht? Mit einem Javascript vllt.? Danke ^^ Gruß


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

31.08.2006, 14:40
XLB Erfahrener Benutzer Registriert seit: 31.07.2005 Beiträge: 1.126 PHP-Kenntnisse: Fortgeschritten	Hi. Jo, mit JS. Schau dir mal den Quellcode von Google.de an und achte auf die Funktion "sf()", bzw. wie/wo sie aufgerufen wird ... (-> onload="..."). Sollte man recht simpel "transferieren" können ...

31.08.2006, 14:51
<Daniel> Erfahrener Benutzer Registriert seit: 03.04.2006 Beiträge: 222	Jo das habe ich mir ja auch angeguckt (deswegen erwähne ich JS ^^), aber ich hab das nicht so recht hinbekommen, da ich eigentlich nicht JS arbeite. Die Funktion selber scheint ja diese hier zu sein: Code: function sf(){document.f.q.focus();} Das 'q' ist scheinbar der Name des Input Feldes, aber was ist das 'f'? Und kann ich den 'onload()' Befehl auch irgendwo anders, als in Body reinpacken? Gruß

01.09.2006, 09:20
<Daniel> Erfahrener Benutzer Registriert seit: 03.04.2006 Beiträge: 222	Danke hatte das 'f' als Name übersehen. Habs jetzt getestet und es funktioniert auch soweit, nur habe ich nun das Problem, dass ich einen JS Fehler bekomme, wenn eine andere Seite und nicht der Login Bildschirm aufgerufen wird. Und zwar ist das bei mir so, dass ich eine Index Seite habe und je nach Link den man drückt, wird halt eine andere Seite in die Index Seite included. Deshalb wollte ich ja wissen, ob man den onLoad Befehl auch woanders als Body setzen kann. Wenn ich z.B. die Startseite aufrufe, bekomme ich schon das Fehlersymbol in der Statusleiste, dass das JS nicht ausgeführt wird, wenn ich dann auf den Login Bereich klicke geht das ganze. Also nochmal die Frage -> Kann man es auch woanders als in <body> einbinden? Oder kann man die Funtion irgendwie leicht modifizieren, damit er es nur lädt, wenn das Formular halt da ist? Gruß

01.09.2006, 10:31
XLB Erfahrener Benutzer Registriert seit: 31.07.2005 Beiträge: 1.126 PHP-Kenntnisse: Fortgeschritten	Wäre zu prüfen, ob das Dokument ein Objekt mit dem entsprechenden Namen des Formulars kennt. Bezogen auf die von Google verwendete Funktion sollte das dann so aussehen: Code: function sf() { if (document.f.q) { document.f.q.focus(); } }

01.09.2006, 10:46
<Daniel> Erfahrener Benutzer Registriert seit: 03.04.2006 Beiträge: 222	Danke, das ist schonmal nicht schlecht! Nur leider bekomm ich wieder dieses Symbol für Fehler, als Beschreibung steht da: 'document.f.q' ist Null oder kein Objekt Diese bekomme ich wenn ich grad nicht die Login Seite included habe, wenn ich auf Login gehe ist alles normal ohne Fehler. Könnte man nicht irgendwie was in else reinpacken, damit es nichts macht, wenn die Bediengung nicht zutrifft? Also auch nicht diese Fehlermeldung produziert? ^^ Sorry, falls ich damit nerve, es ist mir aber halt wichtig. Und danke für deine Mühe! Gruß

02.09.2006, 12:46
Basti Erfahrener Benutzer Registriert seit: 18.07.2004 Beiträge: 2.162 PHP-Kenntnisse: Fortgeschritten	Hi. Ich hab auf meiner Todo-Liste eines aktuellen Projektes unter der Rubrik "Kür" auch so eine Funktion stehen. Weil ich wenig Plan von JS hab, es eben "Kür" ist und hier grad so angesprochen wird, frag ich hier einfach malganz faul nach einer Lösung. Auf einer Seite gibt es 0-n Formulare. Diese können der Klasse "focus" zugeordnet sein (im Optimalfall gibt es nur ein Formular dieser Klasse je Seite, kann ich aber nicht garantieren - kann also 0-n <form class="focus"> geben). Innerhalb jedes Formular sind auch wieder 0-n Elemente dieser Klasse zugeordnet (im Optimalfall eben wieder nur eines). Der Fokus soll nun auf folgendes Objekt gesetzt werden: Das erste Element <textarea> oder <input type="text" /> mit class="focus" (falls kein Element von dieser Klasse ist, dann das erste passende Element im Formular) innerhalb des ersten Formulars mit class="focus" (falls kein Formular von dieser Klasse ist, dann innerhalb des ersten Formulars der Seite). Später wird es je Seite dann nurnoch maximal ein Formular geben, so dass anstat nach dem ersten <form class="focus" /> nach dem ersten div oder span (vielleicht sogar beliebigen Element) mit class="focus" gesucht werden muss. Jemand Lust, das zu lösen? *g Basti

06.09.2006, 10:10
<Daniel> Erfahrener Benutzer Registriert seit: 03.04.2006 Beiträge: 222	Super klappt wunderbar, danke !!! Und viel Glück @ Basti ^^ Gruß