dynamically change opacity

[codlib]

hi i want to change an images opacity dynamically in mozilla.
im doing it when clicking a button. yhe code used is as follows.

document.getElementById('id').style.-moz-opacity =.5;

but it is not working. i know the problem is with

style.-moz-opacity

assignment. can anyone tell me a best solution.

codlib

[Buddy Bradley]

Create a new CSS class with the reduced opacity, then just change the className of the element. You shouldn't be setting CSS properties in your JavaScript anyway.

[Pepejeria]

That should be

document.getElementById('id').style.MozOpacity = 0.5;

Though you can use the property "opacity" instead. Its was implemented in gecko 1.7 (Firefox 1.0+)

Buddy Bradley: Lets say that you want to fade away something. Surely you don't meat that you have 10 different CSS classes for that?

[Buddy Bradley]

No, but you could write a function to transition between two classes, a 'visible' and a 'hidden' class.

[Pepejeria]

I am not sure I get you. What I meant was to change the opacity from 1.0 to 0.0. Meaning 1.0, 0.9, 0.8 etc

[codlib]

thank you Pepejeria....

it is working

document.getElementById('id').style.MozOpacity = 0.5

is working correctly..... thank you very much