Javascript - i cant get Opacity with Opera ! plz help !??

[nster]

hello everybody ,

Am using this javascript

in order to achive Opacity according to the browser that the user uses .

The problem is that works perfect in Mozzila FX and MS I. Explorer ..but dosent work in OPERA !! why ?

Please can you show me how to make it work also with Opera browsers ?

i try as follow..

opera = (document.all && document.getElementById);
and
if(opera) document.getElementById('fadeL').style.opacity = (opacity/100) ;

but yet not success with opera..

<script language="JavaScript">

ie5  = (document.all && document.getElementById);
ns6 = (!document.all && document.getElementById);
opera = (document.all && document.getElementById);

opac3 = 0;
 
function opacIn() {
    if(opac3 < 100){
        opac3+=5;
        if(ie5) document.getElementById('fadeL').filters.alpha.opacity = opac3;
        if(ns6) document.getElementById('fadeL').style.MozOpacity = opac3/100;
        if(opera) document.getElementById('fadeL').style.opacity = (opacity/100) ;
        setTimeout('opacIn()', 50);
    }else{
        
        opacOut();
    }
}
 
function opacOut() {
    if(opac3 > 0){
        opac3-=5;
        if(ie5) document.getElementById('fadeL').filters.alpha.opacity = opac3;
        if(ns6) document.getElementById('fadeL').style.MozOpacity = opac3/100;
        if(opera) document.getElementById('fadeL').style.opacity = (opacity/100) ;
     
        setTimeout('opacOut()', 50);
    }else{
        opacIn();
    }
}
</script>

..am waiting for you help on it . i stuck

[Costin Trifan]

I had a look here: http://www.opera.com/support/search/view/729/

and then to your code

The problem seems to be with your code:

if(ie5) document.getElementById('fadeL').filters.alpha.opacity = opac3;

it shoud be

if(ie5) document.getElementById('fadeL').filter.alpha.opacity = opac3;

hth

[nster]

you are wrong,

the way you told me it is not correct !

if i delete -s and i use filter and not filters ..then even in IE dosent work ! either in Opera as before..

you tried it ? cause i tried it as you told me and IE & Opera do so show anything then..

so ?

[Costin Trifan]

I might be wrong here...

[alainkun]

I dont know lot of Javascript, but I was looking and you can detectec opera users with this javascript code:

if(navigator.userAgent.indexOf("Opera")!=-1)

[Spoofy]

Hi nster, havent really seen opacity filter style applied that way in IE, but when using for IE specific browsers i use the following to set an object's opacity instead:
obj.style.filter = 'alpha(opacity=<value>)';

So for your script it should be:
if(ie5) document.getElementById('fadeL').filter = 'alpha(opacity= ' + opac3 + ')';

Also not sure why you are using browser detection for this each time, you could just set the filter, opacity and MozOpacity all at the same time without conditional testing and wont produce any errors. Your IE and Opera detection are looking for the same thing?