getElement.style Filter Syntax

[mcmurphy]

Moins,
kann mir einer die Syntax sagen, mit der ich mit:
window.document.getElementById(die_id).style
auf folgende Eigenschaften zugreifen kann:

filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
-khtml-opacity:0.5;

Filter wüßte ich noch:
window.document.getElementById(die_id).style.filter='alpha(style=0, opacity=50)';

aber bei den anderen stehe ich aufm Schlauch

[PHP-Desaster]

Auf die opacity kannst du auch direkt zugreifen:

document.getElementById(die_id).style.opacity = 0.5

Bei den anderen beiden bin ich überfragt. Probier es doch mal mit

window.document.getElementById(die_id).style['-moz-opacity'] = 0.5
window.document.getElementById(die_id).style['-khtml-opacity'] = 0.5

[mcmurphy]

THX PHP-Desaster...
Hmmmh, deine Syntax gibt mir keinen Fehler, macht aber ooch nix...

                window.document.getElementById(id).style.filter='alpha(style=0, opacity=50)';
window.document.getElementById(id).style.opacity=50;
window.document.getElementById(id).style['-moz-opacity'] =  0.5; 
window.document.getElementById(id).style['-khtml-opacity'] = 0.5; 
// zur kontrolle. das ich auch das richtige Objekt anspreche....
window.document.getElementById(id).style.border="1px solid red"; 

die Zuweisung der per CSS:

#id   {filter:alpha(opacity=50); 
              -moz-opacity:0.5; opacity:0.5; -khtml-opacity:0.5;} 

funktioniert...
Weiß einer warum?

Ansonsten setzte ich mir per Attribute eine class ....

[mcmurphy]

So, jetzt wirds komisch:
CSS

.matt   {filter:alpha(opacity=50); 
              -moz-opacity:0.5; 
          opacity:0.5; -khtml-opacity:0.5;} 

setzte ich
<img src="../xx.jpg" class="matt" />
dann greifen die CSS Definition
mache ich aber
window.document.getElementById(id).setAttribute('class','matt');
wird die class="matt" zwar gesetzt, aber es erscheint kein Effekt und (leider) auch keine Fehlermeldung....

[mcmurphy]

so das hier:

window.document.getElementById(id).style.filter='alpha(style=0, opacity=50)';
window.document.getElementById(id).style.opacity=50;
window.document.getElementById(id).style['-moz-opacity'] = 0.5;
window.document.getElementById(id).style['-khtml-opacity'] = 0.5;

habe ich raus genommen,

mit
window.document.getElementById(id).setAttribute('class','matt');

funktionierts jetzt....

Wenn einer eine funktionierende style syntax kennt, dann sach bescheid....

[Hopka]

element.style.MozOpacity = '0.5'

Bei den anderen Browsern musst du halt mal schauen, wie die JavaScript-Attribute dort benannt sind.

[mcmurphy]

Wunderbar, Volltreffer & Thanxs