Javascript that sticks...

[brianzajac]

Hey forum readers/writers. I'm looking for a javascript that when clicked to the link, it stays in the "on" state. An example would be like http://www.sportbrain.com/Home/Home.cfm. Notice that when you click on a top nav button like "home", it stays on the "on" state. Also, the sub nav stays on the "on" state. So, you got any ideas?

[starrwriter]

Originally Posted by brianzajac

Hey forum readers/writers. I'm looking for a javascript that when clicked to the link, it stays in the "on" state. An example would be like http://www.sportbrain.com/Home/Home.cfm. Notice that when you click on a top nav button like "home", it stays on the "on" state. Also, the sub nav stays on the "on" state. So, you got any ideas?

The home text link doesn't "stay" on because of javascript. It's coded in CSS with overline and underline for that home page. The other links don't stay on either (at least not in IE 5.5).

BTW, I love Naples and may move there soon.

[paulhiles]

Hi Brian,

The effect you're after can be achieved by using CSS alone... if you're interested, here are a couple of posts that include links to relevant sources:

http://www.webproworld.com/viewtopic.php?p=63456#63456
http://www.projectseven.com/tutorial...menus/list_01/

http://www.webproworld.com/viewtopic.php?p=68549#68549
http://dreamlettes.net/tutorials/activelinks

If you'd prefer a JavaScript solution, then have a look at this page. The author uses a 'latched rollover' technique which works very well. So well in fact, that I used the same method on one of my sites www.eye4fitness.co.uk

So, you now have two or more options to consider!
Hope that helps,

Paul

[brianzajac]

Thanks for the help. From what I see, this looks a bit too complicated than any type of plug n' play javascript code. If anyone finds out a system like that, let me know!

[mikmik]

http://theimposter.org/examples/exploder2/iexplode.htm

Here is a very easy one that 'sticks' open, but I don't know if you want a verticle menu like this.
But to add a special class to a link is very simple.
For example, lets say that you want a button to stay 'active' for the page you are on.
Suppose your colors are "color: #CCCCCC; + background:#000000;" for the 'active', or 'hover' state, make an id that apllies to all the states (link, visited,[hover and active as well]) like this:

/*current Link*/
#menu a#current,
#menu a#current:link,
#menu a#current:visited {
color: #CCCCCC;
background: #000000;
}

And then add the selector (id or class) to the native link, ie:
Here you are

It is really quite easy, if you show me the page, I will do this with you.
It is much easier than it looks!
:O)