Moving focus from text box to anchor tag on tab click

Question

0.00/5 (No votes)

See more:

hi I want move focus from text box to below anchor when I click tab...
How can I acheve this

<asp:TextBox ID="txtbox1" Columns="30" runat="server" CssClass="input" MaxLength="50">

XML

<div class="btnLigtBlue floatR" id="divadd">
                                            <a id="alinkAdd" class="addIcon1" runat="server" onclick="Show();SetSystemNavigation();">
                                                Add </a>
                                        </div>

Posted 18-Jun-13 18:56pm

syna syna

Updated 18-Jun-13 19:09pm

v2

Add a Solution

3 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

dhirajluhana · Answer 1 · 2013-06-18T19:11:00

Hi,

You do not need to write the any kind of JavaScript funcation for that.

You can use the "TabIndex" property of the control.
You can set the sequence for the controls using this TanIndex property.

Please refer the below sample code for the same, it may help you:

XML

<asp:TextBox runat="server" ID="TxtName" TabIndex="0" ></asp:TextBox>
    <br />
    <br />

    <a id="anchor"  tabindex="1" href="http://www.codeproject.com/">Test Anchor Tag</a>
    <br />
    <br />

    <asp:Button runat="server" TabIndex="2" ID="BtnSubmit" Text="Submit"/>

Thanks ..

From,
Dhiraj Luhana

Thanks7872 · Answer 2 · 2013-06-18T19:23:00

Solution 2

Refer to these links:

change focus of textbox only on tab press[^]

Press tab key to move focus vertically[^]

How to Move focus to next control on TAB press of keyboard.[^]

Moving focus to next control in tab order[^]

How to move focus to the next control when the Tab key is pressed and the last grid cell is focused[^]

:doh:[EDIT]

ASP.NET TabIndex Property[^]

WebControl.TabIndex Property[^]

After these links,you would have idea how tab works,and how to handle it.

Regards.. :)

Posted 18-Jun-13 19:23pm

Thanks7872

Updated 18-Jun-13 19:27pm

v3

Comments

dhirajluhana 19-Jun-13 1:50am

Hi Rohan,
----------------------------------
vasantha.M - 29 mins ago
But in some scenarios extra controls will come between textbox and anchor tag then focus has to move to that controls
-----------------------------------------

what should be do in this senariao

Thanks7872 19-Jun-13 1:52am

I provided all the materials regarding TAB. You have to code it appropriately to apply the same. It depends on you how you want your tabindex to be worked.and i mentioned in last line also.

After these links,you would have idea how tab works,and how to handle it.

samadhan_kshirsagar · Answer 3 · 2013-06-18T21:05:00

Solution 3

please visit this link

http://stackoverflow.com/questions/11958021/focus-on-an-anchor-tag[^]

Posted 18-Jun-13 21:05pm

samadhan_kshirsagar