Toon posts:

Javascript ? Beinvloeden van de TAB in een form

Pagina: 1
Acties:
  • 131 views sinds 30-01-2008
  • Reageer

Verwijderd

Topicstarter
Hi all,

Weet iemand of het mogelijk is wanneer je de TAB-knop gebruikt in een form je kan bepalen naar welk veld de cursor springt ?
Default gaat hij naar het volgende veld.

Voorbeeld:
code:
1
2
veld 1   veld 2   veld 3
veld 4   veld 5   veld 6

Normaal gesproken als je op tab klikt wanneer je in veld 2 bent gaat de cursor naar veld 3.
Wat ik nou wil (tenminste de klant :r) is dat als ik in veld 2 ben ik naar veld 4 ga als ik op tab druk.

Ik hoop dat ik mijn verhaal duidelijk heb verteld :)
Iemand een oplossing ?

(en ja ik heb neukende zoek gebruikt >:) )

  • RM-rf
  • Registratie: September 2000
  • Laatst online: 20:06

RM-rf

1 2 3 4 5 7 6 8 9

kijk naar het attribute tabindex="integer"

dus
code:
1
2
<input type="text" name="bar" tabindex="2">
<input type="text" name="foo" tabindex="1">

btw, beterschap voor die klant van je, is niet leuk als die de hele tijd moet braken, maar zal wel heersen ;)

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen


Verwijderd

<input type="text" tabindex="1">
<input type="text" tabindex="3">
<input type="text" tabindex="2">

bijv..

Verwijderd

Topicstarter
Bedankt voor de info maar nu weet ik nog niet hoe ik dat voor elkaar krijg :)

  • RM-rf
  • Registratie: September 2000
  • Laatst online: 20:06

RM-rf

1 2 3 4 5 7 6 8 9

Op vrijdag 26 oktober 2001 15:18 schreef Mikedigi het volgende:
Bedankt voor de info maar nu weet ik nog niet hoe ik dat voor elkaar krijg :)
:? is dat nou zo moeilijk?
code:
1
2
veld 1   veld 2   veld 3
veld 4   veld 5   veld 6

Normaal gesproken als je op tab klikt wanneer je in veld 2 bent gaat de cursor naar veld 3.
Wat ik nou wil (tenminste de klant ) is dat als ik in veld 2 ben ik naar veld 4 ga als ik op tab druk.
code:
1
2
3
4
5
6
<input type="text" name="veld 1" tabindex="1">
<input type="text" name="veld 2" tabindex="2">
<input type="text" name="veld 3" tabindex="4">
<input type="text" name="veld 4" tabindex="3">
<input type="text" name="veld 5" tabindex="5">
<input type="text" name="veld 6" tabindex="6">

is dat nog niet duidelijk genoeg, tabindex is een index een lijst met waardes hoe hoog het veld geranked is, vergelijk het met z-index.

als je tab drukt in een veld zoekt de cursor het veld op met de tabindex die a) het dichtst komt na het veld (default als er geen tabindex gespecificeerd zijn)
c) een tabindex heeft die hoger is dan, maar het dichts ligt bij die van het veld waarin hij staat (als tabindexes gespecificeerd zijn)

een ongespecificeerde tabindex geld als infinite hoge tabindex

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen


Verwijderd

Topicstarter
Op die manier, thanks.
ik d8 er komt nog javascript bij.
Op vrijdag 26 oktober 2001 15:26 schreef RM-rf het volgende:

[..]

:? is dat nou zo moeilijk?
[..]
Ja blijkbaar, alwetende !

>:)
Pagina: 1