[thelist] javascipt and css hover

[Duncan O'Neill]

> hey all.
>
> quick question.
>
> I'm in need of a pre-written javascript that assigns a value to a css link
> state. ummm that might not make sense... clicking on link "foo" should
take
> the user to the appropriate page and have a visual state that shows the
user
> where they are. so "foo" would be bold and red when the page is foo.html
but
> go to its visited state when "foo2" is clicked. I've seen this for image
> rollovers is it possible with css?
>
> bah...mondays ...here is my css
>
Adam,

normally you would be able to do this with css by adding a class for
the page the visitor is currently on.

e.g.
in the HTML:
<a href="one.html" class="on">page one</a>
<a href="two.html">page two</a>

& in the CSS;
a.on:link  {font-weight:bold
                color:#f00;
}

Using javascript you could try this; write a class in the CSS as above.
Then find out which link in the document.links array you want to
change, and do it in the head of the document like so;

document.links[x].className = 'on';

I've used the className property to dynamically style sections before,
but not sure whether this will work with SSIs.

hth,

Duncan O'Neill
=============================================