[javascript] Focus op een item - Softwareontwikkeling

dinsdag 27 mei 2003 08:09

Acties:

Verwijderd

Topicstarter

Ik heb twee textboxen in een webform van dotnet. Doordat er aan de database kant het een en ander gebeurt zit er op beide textboxen een autopostback.

Het nadeel is dat wanneer uit het eerste textbox wordt gesprongen dat daarna niet direct naar het 2e item wordt gesprongen maar dat de cursor dan in de adressenbalk komt te staan.
Hoe kan ik afvangen dat wanneer het ene textbox wordt verlaten dat de cursor dan in textbox2 komt te staan?

dinsdag 27 mei 2003 08:16

Acties:

2

Tabindex?

dinsdag 27 mei 2003 08:17

Acties:

Verwijderd

Iets in de geest van:
<input type="text" name="nummer1" onBlur="nummer2.focus()"...>
<input type="text" name="nummer2"...>

dinsdag 27 mei 2003 08:22

Acties:

Verwijderd

Topicstarter

2 schreef op 27 May 2003 @ 08:16:
Tabindex?

Nope de tabindex werkt niet. Want de cursor springt eerst naar het adressenbalk, en daarna wordt de tabindex pas aangehouden

dinsdag 27 mei 2003 08:22

Acties:

gorgi_19

Kruimeltjes zijn weer op :9

* gorgi_19 vraagt zich af of dit gaat werken.
* gorgi_19 vindt ook dat de TS dit wel iets duidelijker had mogen omschrijven.
Anders gezegd: TS werkt moet postbacks; oftewel het door middel van post verzenden van forms. Tabindex of wat dan ook werkt niet.

Je moet als eerste bepalen hoe je de focus op een tekstbox moet neerleggen, als je een pagina laadt. En je mag hierbij niet het onload-event in je body gebruiken; deze javascript code moet in je form staan.
Dus

HTML:

<body>
<form>
<Hier komt het script te staan
</form>
<body>

Vervolgens gebruik je de RegisterStartupScript method in je eventhandler om het script te genereren.

Wil je het niet doen, dan zul je PreRender Method oid moeten overriden; je kan dan ook het onload-event van de body gebruiken. Dit is echter wel danig complex; andere methodiek werkt ook en is eenvoudiger.

Verder is dit wel een ontzettende googlevraag. Setting focus textbox asp.net zijn imho toch wel de kernwoorden die iedereen moet kunnen bedenken.

* gorgi_19 klimt weer over de schutting terug naar PW.. Veel te eng hier..

[ Voor 73% gewijzigd door gorgi_19 op 27-05-2003 08:29 ]

Digitaal onderwijsmateriaal, leermateriaal voor hbo

dinsdag 27 mei 2003 08:24

Acties:

Verwijderd

Topicstarter

Verwijderd schreef op 27 May 2003 @ 08:17:
Iets in de geest van:
<input type="text" name="nummer1" onBlur="nummer2.focus()"...>
<input type="text" name="nummer2"...>

Nope dit werkt niet

dinsdag 27 mei 2003 08:30

Acties:

Verwijderd

Verwijderd schreef op 27 May 2003 @ 08:24:
[...]

Nope dit werkt niet

Als je het zo letterlijk hebt overgetypt kan dat best kloppen...ik heb het zo ff simpel met 3 textboxen getest...en dat werkte aardig:

code:

<input type="text" name="nummer1" onBlur="document.forms['form1'].nummer2.focus();">
    <br>
    
  <input type="text" name="nummer2" onBlur="document.forms['form1'].nummer3.focus();">
  <br>
  <input type="text" name="nummer3" onBlur="document.forms['form1'].nummer1.focus();">

dinsdag 27 mei 2003 08:35

Acties:

Willem

Weet je zeker dat je goed hebt gezocht?
http://www.dotnetjunkies.com/tutorials.aspx?tutorialid=438 (met dank aan gorgi)

Lijkt me dat je aan bovenstaand linkje en de reacties in deze thread genoeg informatie hebt om mee verder te kunnen.

Motor (of auto) onderhoud bijhouden