How to change bordercolor of textbox when tab is clicked

Question

0.00/5 (No votes)

See more:

ASP.NET

Im changing textbox border color using javascript in onclick event of textbox. But how to change if tab is pressed..

Posted 25-Jul-12 21:25pm

Priyaaammu

Add a Solution

Comments

StianSandberg 26-Jul-12 3:27am

add an onclick event to your tab doing the same thing as the onclick event of your textbox....

Priyaaammu 26-Jul-12 3:31am

Already did that...this is my javascript code
function FirstColor() {
document.getElementById("txtFirst").style.borderColor = "#3BB9FF";
}

This is my aspx code:
<asp:TextBox ID="txtFirst" runat="server" TabIndex="1" SkinID="First_Last_TextBox"
MaxLength="20" OnTextChanged="txtFirst_TextChanged" meta:resourcekey="txtFirstResource1" onclick="FirstColor()">

When clicking on textbox,i got the given color,but when using tab,the color didnt change

nguwar 26-Jul-12 4:10am

you should try to use onFocus event instead of onClick event. here is the link, http://forums.asp.net/t/1751171.aspx/1

StianSandberg 28-Jul-12 9:24am

Are you talking about the keyboard-tab or a tab like in a tab-control?

1 solution

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)

ali_heidari_ · Answer 1 · 2012-07-28T02:36:00

if you are using tabcontainer control of ajax toolkit controls ,it has classes for hover,pressed and other cases for css ...
check this:

HTML

Tabs Css classes 
.ajax__tab_header: A container element that wraps all of the tabs at the top of the TabContainer. Child CSS classes:.ajax__tab_outer.
 .ajax__tab_outer: An outer element of a tab, often used to set the left-side background image of the tab.Child CSS classes: .ajax__tab_inner. 
.ajax__tab_inner: An inner element of a tab, often used to set the right-side image of the tab. Child CSS classes:.ajax__tab_tab.
 .ajax__tab_tab: An element of the tab that contains the text content. Child CSS classes:none.
.ajax__tab_body: A container element that wraps the area where a TabPanel is displayed. Child CSS classes: none.
.ajax__tab_hover . This is applied to a tab when the mouse is hovering over. Child CSS classes:.ajax__tab_outer. 
.ajax__tab_active: This is applied to a tab when it is the currently selected tab. Child CSS classes:.ajax__tab_outer.

otherwise you can do this ...
for example your tab ID is "TabExample"
in you css file enter this :

HTML

#TabExample:activated

and this is for hover case:

HTML

#TabExample:hover

hope this solve your problem !

How to change bordercolor of textbox when tab is clicked

1 solution

Solution 1

Add your solution here

Preview 0

Existing Members

...or Join us