Can i change the css/js of button on click?

Question

0.00/5 (No votes)

See more:

I have the page that hase six buttons, this buttons work as menu, now when 1 button is clicked after that i want to change the color of this button and this color will not change only for button pressed and release. If button was selected then its color will be change and when press next button the original color will be recover of 1st button and next will be changed.

What I have tried:

.btn:active{

}
.btn:hover{
}

Posted 26-Feb-16 1:47am

Member 11693314

Updated 26-Feb-16 1:57am

Add a Solution

Comments

Sinisa Hajnal 26-Feb-16 7:55am

It doesn't work that way. You have to add some css class to the button that will change its color. Hover and Active pseudo-classes in CSS will work just as long as the item is hovered / clicked.

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)

Sinisa Hajnal · Accepted Answer · 2016-02-26T01:57:00

Solution 1

Create javascript function that will be called on button click.

1. Get your menu buttons
2. Iterate through the collection
3. remove "active" from all buttons in the menu.
3.a. Add "active" class to clicked button

Bind the function to all menu button click events.

Posted 26-Feb-16 1:57am

Sinisa Hajnal

Comments

Member 11693314 27-Feb-16 5:26am

Thank you so much,
but i want some snippet of it.