Dynamically changing style.hover attributes ???

[lagaye]

Hello,

I'm a webmaster, and I am actually writing a little javascript tool to manage a menu.

I am trying to dynamically change some of my links attribute :

In my HTML code here's what you can find :

<a href=&quot;something_not_important&quot; class=&quot;MenuLinkClass1&quot; id=&quot;MyLink&quot;>

In javascript I would like to do is to change the "class attribute of the link. I thought it should look like this :

MyLink.class = "MenuLinkClass2";

On my stylesheet I use (for the classes for links) the Hover functionnality. Because the first method didn't work, I have tried the following :

MyLink.style.color = SomeColor;
MyLink.style.Hover.color = SomeOtherColor;

This didn't work either, and I can't find any information on the web. So I leave this question for you experts

Thanks for any help
Lagaye

 

[xutopia]

Lagaye,


First you should always reference your id'd items using document.getElementById like so :

document.getElementById("MyLink"

Secondly just add your hover inside your CSS class and it should work fine.

MenuLinkClass1:hover{
color: someColor ;
}

Gary

http://www.xutopia.com

Haran