First Formfield Select

Door Jan Koehoorn, 22 jaar geleden, 4.454x bekeken

Klein, maar fijn...

Inderdaad, het is geen PHP script, maar een JavaScript. Ik heb dit miniscriptje dan ook gemaakt omdat er behalve PHP vragen ook veel andere vragen op PHPhulp gesteld worden, bijvoorbeeld over CSS en JavaScript.

De vraag: "hoe selecteer ik na het laden van de pagina het eerste veld van mijn formulier" komt regelmatig terug. Dit JavaScript doet precies dat, niet meer en niet minder. Het leuke ervan, is dat het niet uitmaakt welk id je <input> heeft.

Zet het scriptje in de <head> sectie van je pagina en klaar ben je.

Getest en werkend in:

  • IE6, FF1.5 en Opera 9.01 op Windows
  • Safari 2.0.4 op de Mac (tnx Jelmer!)

groeten, Jan Koehoorn


n.b. er staan PHP tags om het JavaScript voor de kleurtjes.
Die moet je wel weghalen :-)

Voorbeeld: http://www.jankoehoorn.nl/scripts/javascript/selecteer_eerst

Gesponsorde koppelingen

PHP script bestanden

  1. first-formfield-select

 

Er zijn 14 reacties op 'First formfield select'

PHP hulp
PHP hulp
0 seconden vanaf nu
 

Gesponsorde koppelingen
Jelmer -
Jelmer -
22 jaar geleden
 
0 +1 -0 -1
Getest en werkend in Safari 2.0.4 op de Mac,
tenzij je hem in een tabblad op de achtergrond opent (cmd + click).
Jan Koehoorn
Jan Koehoorn
22 jaar geleden
 
0 +1 -0 -1
@ Jelmer: hmm, in FF doet ie dat wel... Ik zou er een window.focus op kunnen zetten, maar dat staat weer een beetje opdringerig. Voorlopig laat ik het maar even denk ik.
Jelmer -
Jelmer -
22 jaar geleden
 
0 +1 -0 -1
Ik denk ook niet dat het een probleem is. Het is een hulpje, niet iets dat verplicht moet worden, en het moet al helemaal niet bestaande functies breken.

Dus zo is het prima.

Eventueel zou je nog kunnen controleren of het eerste veld wel een input-veld is en niet een hidden. Want waneer dat wel het geval is zal hij waarschijnlijk een foutmelding gooien.
Jan Koehoorn
Jan Koehoorn
22 jaar geleden
 
0 +1 -0 -1
Zal ik zo even uittesten!
Jan Koehoorn
Jan Koehoorn
22 jaar geleden
 
0 +1 -0 -1
@ Jelmer: script is nu zodanig aangepast dat hij het eerste tekstveld pakt dat hij tegenkomt. Als er geen tekstveld in het formulier voorkomt, gebeurt er niets.
Lissy Pixel
Lissy Pixel
22 jaar geleden
 
0 +1 -0 -1
@ Jan: You're the BEST !! maar dat wist je al denk ik -.-
Dit is wederom een van die dingetjes die je standaard nodig hebt en ook in je eigen library zou moeten hebben voor als je hem nodig hebt -.-
Dank je wel voor het maken van deze tut en delen hiervan :-0)
Jan Koehoorn
Jan Koehoorn
22 jaar geleden
 
0 +1 -0 -1
@ Lissy: altijd leuk om te horen natuurlijk :-) Het is denk ik inderdaad een mini-scriptje dat goed van pas kan komen.
Robert Deiman
Robert Deiman
22 jaar geleden
 
0 +1 -0 -1
@Jan
Leuk scriptje, kan van pas komen, en is universeel voor welk formulier ook (mits het met textvelden werkt).
Top!
Jan Koehoorn
Jan Koehoorn
22 jaar geleden
 
0 +1 -0 -1
@ Robert: thanks!
K i p
K i p
22 jaar geleden
 
0 +1 -0 -1
Quote:
@ Jelmer: hmm, in FF doet ie dat wel... Ik zou er een window.focus op kunnen zetten, maar dat staat weer een beetje opdringerig. Voorlopig laat ik het maar even denk ik.


In FF bij mij doet ie het niet. Ik klik erop zodat de pagina op de achtergrond wordt geladen, en dan lijkt het tekstveld geselecteerd (door de achtergrond kleur, die dan blauw is bij de tekst), maar als je dan begint te typen of op backspace klikt werkt het niet. Dus het lijkt dan geselecteerd, maar is het niet :-p probeer maar eens, (of het werkt alleen op mac os 10.3.9)

Maar verder fijn script thx!

gr boris
Jan Koehoorn
Jan Koehoorn
22 jaar geleden
 
0 +1 -0 -1
@ Boris: daar heb je gelijk in. Ik heb even gezocht hier en daar, maar vind er niet echt een goede oplossing voor. Ik hou me aanbevolen voor goede ideeën.
Hipska BE
Hipska BE
22 jaar geleden
 
0 +1 -0 -1
@Jelmer en Jan: Hier werkt het wel in Safari als er een tabblad geopend word.
hij selecteerd dan Pietje
Jan Koehoorn
Jan Koehoorn
22 jaar geleden
 
0 +1 -0 -1
@ Hipska: klopt, maar wat gebeurt er als je daarna begint te typen?
PHP hulp
PHP hulp
0 seconden vanaf nu
 

Gesponsorde koppelingen
Hipska BE
Hipska BE
22 jaar geleden
 
0 +1 -0 -1
Simpel, dan begin ik te typen in het veld 'naam' zoals verwacht word

Om te reageren heb je een account nodig en je moet ingelogd zijn.

Inhoudsopgave

  1. first-formfield-select

Labels

  • Geen tags toegevoegd.

Navigatie

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.