change background color onclick

[spit0033]

I have created a vertical menu with a white background, once a link is clicked i want that menu item's background color to change. Then once another menu item is clicked the first menu items background goes back to white and the new item's background color changes. I guess i want something similar to gmail's navigation. I am just wondering if that is possible in CSS, and maybe some code or help on how to tackle this. Thanks in advance for any information.

[dswethar]

Hi,

By "Click", do you mean rollover or when the page is showing that menu item? Eg: Do you want the "Service1" menu item to change when the "Service1" page is opened?

You can check for different kinds of menu at: http://www.dynamicdrive.com/style/cs...y/category/C2/

[dreamcatcher]

Yea that's possible css alright.

I think I know what you're wanting to achieve.

Basically, use the hover to enable the link that's being clicked on to change the colour of the background. Use a class to show the current link that's active.

I found a solution to something similar a while ago on http://www.htmldog.com/articles/suckerfish/dropdowns/

I've implemented it on http://www.wallswelldrilling.ie/index2.htm, feel free to look around the code. It'll do exactly what you want using css, in xhtml, it's accessible too and validates.

I have created a vertical menu with a white background, once a link is clicked i want that menu item's background color to change. Then once another menu item is clicked the first menu items background goes back to white and the new item's background color changes. I guess i want something similar to gmail's navigation. I am just wondering if that is possible in CSS, and maybe some code or help on how to tackle this. Thanks in advance for any information.

[TheMadMidget]

You can do it with CSS but JS will do it easier, glog

Later

[asoft]

Hi
I did it but when it work with frame hillighted link color disappear what it reason plz some help

Thanks

[drhowarddrfine]

The first part is easy with CSS but don't recall how to do the second, or if it's possible. You should look at listamatic.com or CSSPlay to see if something is there.

[Death Slaught]

Start this in a sec I know I've seen this somewhere before in a book I have.

Sorry can't find it, but you should be able to do this is JavaScript, I would go ask over there.

Thanks, Death