Change focus in a input grid form

Expand Post »

I wonder how I can change the focus to the next element(input field in a form) using java script. I believe that it is posible to write a function that can be event triggered in (onkeyup event, maybe ...) when the limit (maxlength="1" in my case) is reached. I'm a "null programer" in java script, so I try to find some help.
I intend to use a java script trick in a input grid (crossword solver), in order to avoid entering the solution letter by letter in the grid.
I'm wonder if it is posible to use somehow the arrows keys to move across the grid.
########################################
the field names are generated automatically by php and looks like:
name="lit_1_2" where 1 is the row and 2 is the col.
A cell looks like:
<td align = "center" style="border: 1px solid #CCCCFF" bgcolor = #ffffff ><input type="text" name="lit_3_1" size="1" maxlength="1" style="border: none; text-align: center; font: normal small-caps bold ;width: 1em" align="middle" ></td>

Similar Threads

Change Focus in textbox in C#
Input data form - autofill from Excel or ACT! sql in ASP
form submit redirect help, please in HTML and CSS
Stuck a bit on input in C
Preselection of stored value in an input control of a form in JavaScript / DHTML / AJAX

alphabit

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

1 posts
since Feb 2006

Permalink

Feb 23rd, 2006

Re: Change focus in a input grid form

Hello. Please use the forum's code and formatting tags, and avoid things like "######" in your posts.

What have you already tried? Are you familiar with JavaScript's events and event handlers? You might investigate using the "onkeypress" or related event handlers. The particular keycode being generated will be a property of the Event object.

You can set focus to any particular element by using the "focus()" method.

So: research "JavaScript", onkeypress", "focus" and "Event". Web Searches might be "JavaScript Event object" and "JavaScript onkeypress", etc. Apply what you discover, try it, and come back with any specific questions.

tgreer

Team Colleague

Reputation Points: 227

Solved Threads: 37

Made Her Cry

Offline

1,697 posts
since Dec 2004

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in HTML and CSS Forum Timeline: The Bane of AutoGenerated Code!

Next Thread in HTML and CSS Forum Timeline: Dreamweaver 8 ???

DaniWeb Message

Cancel Changes

User Name
Password