First Formfield Select
Door Jan Koehoorn, 22 jaar geleden, 4.416x 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
Er zijn 14 reacties op 'First formfield select'
0 
-0 
-0
Getest en werkend in Safari 2.0.4 op de Mac,
tenzij je hem in een tabblad op de achtergrond opent (cmd + click).
tenzij je hem in een tabblad op de achtergrond opent (cmd + click).
0 -0
-0
@ 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.
0 -0
-0
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.
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.
0 -0
-0
@ 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.
0 -0
-0
@ 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)
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)
0 -0
-0
@ Lissy: altijd leuk om te horen natuurlijk :-) Het is denk ik inderdaad een mini-scriptje dat goed van pas kan komen.
0 -0
-0
@Jan
Leuk scriptje, kan van pas komen, en is universeel voor welk formulier ook (mits het met textvelden werkt).
Top!
Leuk scriptje, kan van pas komen, en is universeel voor welk formulier ook (mits het met textvelden werkt).
Top!
0 -0
-0
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
0 -0
-0
@ 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.
0 -0
-0
@Jelmer en Jan: Hier werkt het wel in Safari als er een tabblad geopend word.
hij selecteerd dan Pietje
hij selecteerd dan Pietje
0 -0
-0
@ Hipska: klopt, maar wat gebeurt er als je daarna begint te typen?
Om te reageren heb je een account nodig en je moet ingelogd zijn.
PHP hulp
0 seconden vanaf nu