Applying css via javascript

[mike509123]

I have the following code:
<a onmousedown='test();' onmousover=''><img src='button.gif'/></a>

I want to place some code in the onmouseover to apply the following css style to to the image when a user mouses over the image.

cursor:hand;
filter: progidXImageTransform.Microsoft.BasicImage(grayscale=1, xray=0, mirror=0, invert=0, opacity=1, rotation=0);

Thanks.

 

[ChrisHirst]

Put the style into a named class and use;

onmouseover="document.getElementById(this.id).className = "WhatEverNameYouGaveToTheClass";

Chris.

Indifference will be the downfall of mankind, but who cares?
Woo Hoo! the cobblers kids get new shoes.
People Counting Systems

So long, and thanks for all the fish.

 

[Vragabond]

You can use css for all this. You can do:

:hover for onmouseover
:link and :visited for onmouseout
and
:active for onmousedown
also
:focus might be an alternative for onmousedown, depending on how you want the script to behave.

___________________________________________________________
[small]Do something about world cancer today: PACT[/small]