Using JavaScript to set filter style

[lilOlMe]

Hi there!

I've run into a bit of a problem wherein a <div> containing an error message is made invisible by an animation.

I've tried everything to make this <div> reappear on a button click (set the visibility=visible, set the display=block...etc) but nothing seems to be working.

I think the animation is setting a <div>'s opacity to 0. (I can't find out for sure because something magical is done while using the animation in the Ajax.Net toolkit)


I was wondering how to set the following css using javascript:

   filter:alpha(Opacity=100);
 

I've tried

 document.getElementById(nameOfDiv).style.filter = 'alpha(Opacity=100)';
 

However, this doesn't work.
I've checked the w3c site for help on setting the Style Object using JavaScript (found here)...and there is no mention of the filter attribute.

Does anyone know how to to do this?

Thanks a lot!
-LilOlMe

[lilOlMe]

Yeah that's just wonderful.
Apparently you can set the opacity of the <div> using

document.getElementById(nameOfDiv).style.filter = 'alpha(Opacity=100)';

This works fine...(I just needed to clear my cache).

Even though this code works fine, I still can't get my <div> to reappear after that .NET Ajax Tool kit animation fades it out!

Gur

-LilOlMe

[acoder]

filter only works in IE. You can set style.opacity in browsers such as Firefox and Opera.

[lilOlMe]

filter only works in IE. You can set style.opacity in browsers such as Firefox and Opera.

Oh thanks a lot Acoder :D
I didn't know there was an Opacity attribute in CSS....

As it turns out, I was removing the element I needed to refer to in my Server Side code...I completely overlooked it because it seemed to be an Ajax/JavaScript problem at the time...(oops)

Thanks for your help!

[drhowarddrfine]

Just to make clear what acoder said above. "filter" is not standard CSS and is an IE propietary property. Although 'opacity' is a standard CSS property, IE doesn't work with it while all other modern browsers will. So, to get IE to act like the modern browsers, you have to use both; 'filter' and 'opacity'.