Set tab to skip fields -- or tab down

Discussion in 'HTML' started by sfp, Feb 5, 2007.

  1. sfp

    sfp Guest

    My table rows are defined as a dynamic array like


    <tr class="formTr<%=bgcount%>" >
    <td class="formTds" nowrap><%=arrayWeek%></td>
    <td class="formTds" nowrap><%=strToChange(arrayDay)%></td>
    <td><input name="AUnit" class="textNoSize" maxlength="4" value="<
    %=strToNull(arrayAUnit)%>" onKeypress="return isKeyNumberdot(0)" <
    %=edit_flag%> ></td>
    <td><input name="BUnit" class="textNoSize" maxlength="4" value="<
    %=strToNull(arrayBUnit)%>" onKeypress="return isKeyNumberdot(0)" <
    %=edit_flag%> ></td>
    <td><input name="CUnit" class="textNoSize" maxlength="4" value="<
    %=strToNull(arrayCUnit)%>" onKeypress="return isKeyNumberdot(0)"
    onkeydown="if(event.keyCode==13){event.keyCode=9;}" <%=edit_flag%> ></
    td>
    <td><input name="TUnit" value="<%=strToNull(arrayTUnit)%>"
    class="input-dis" disabled></td>
    </tr>

    This essentially puts three columns of data in x rows. When the
    cursor is in, say, column 1, and the TAB key is pressed, I would like
    focus to be set to the cell in the next row immediately below the
    current row. I tried

    onkeydown="if(event.keyCode==9){event.keyCode=11;}"

    but this puts the cursor in the browser address bar. My app is
    internal use only, only IE supported.

    Thanks in advance,
    Steve
     
    sfp, Feb 5, 2007
    #1
    1. Advertising

  2. "sfp" <> wrote in message
    news:...
    > My table rows are defined as a dynamic array like
    >
    >
    > <tr class="formTr<%=bgcount%>" >
    > <td class="formTds" nowrap><%=arrayWeek%></td>
    > <td class="formTds" nowrap><%=strToChange(arrayDay)%></td>
    > <td><input name="AUnit" class="textNoSize" maxlength="4" value="<
    > %=strToNull(arrayAUnit)%>" onKeypress="return isKeyNumberdot(0)" <
    > %=edit_flag%> ></td>
    > <td><input name="BUnit" class="textNoSize" maxlength="4" value="<
    > %=strToNull(arrayBUnit)%>" onKeypress="return isKeyNumberdot(0)" <
    > %=edit_flag%> ></td>
    > <td><input name="CUnit" class="textNoSize" maxlength="4" value="<
    > %=strToNull(arrayCUnit)%>" onKeypress="return isKeyNumberdot(0)"
    > onkeydown="if(event.keyCode==13){event.keyCode=9;}" <%=edit_flag%> ></
    > td>
    > <td><input name="TUnit" value="<%=strToNull(arrayTUnit)%>"
    > class="input-dis" disabled></td>
    > </tr>
    >
    > This essentially puts three columns of data in x rows. When the
    > cursor is in, say, column 1, and the TAB key is pressed, I would like
    > focus to be set to the cell in the next row immediately below the
    > current row. I tried
    >
    > onkeydown="if(event.keyCode==9){event.keyCode=11;}"
    >
    > but this puts the cursor in the browser address bar. My app is
    > internal use only, only IE supported.
    >
    > Thanks in advance,
    > Steve
    >


    Add tabindex attributes to your fields. If you're generating the table
    dynamically then this will be even easier.

    ::mrcakey::
     
    mrcakey \(The Eclectic Electric\), Feb 5, 2007
    #2
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. =?Utf-8?B?QmlsbCBCb3Jn?=

    Need to skip field in tab order

    =?Utf-8?B?QmlsbCBCb3Jn?=, Feb 17, 2005, in forum: ASP .Net
    Replies:
    2
    Views:
    4,531
    boogster
    Mar 25, 2010
  2. MD

    skip tab, spaces

    MD, Aug 23, 2006, in forum: XML
    Replies:
    0
    Views:
    444
  3. call_me_anything
    Replies:
    4
    Views:
    473
    Pete Becker
    Sep 30, 2007
  4. magix

    SELECT drop down list - SKIP

    magix, Mar 19, 2007, in forum: Javascript
    Replies:
    2
    Views:
    141
  5. Replies:
    23
    Views:
    545
    Tim Streater
    Dec 18, 2013
Loading...

Share This Page