[JS] filter:alpha(opacity=0) Wert ändern

Darkxor

Hallo, wie kann man mit Java Script den Stylewert für
filter:alpha(opacity=0) ändern?

Bei Opacity geht es ja so:

Code

document.getElementById('iwas').style.opacity="1"

Danke

Pion

MIt style.filter

Darkxor

Ja das kann ich mir denken aber wie geht es dann weiter:
Etwa so ?

Code

="alpha(opacity="+wert*100+")"

EDIT:
Wäre es dann so alles richtig?

HTML

document.getElementById('sifront').style.opacity=i;
        document.getElementById('sifront').style.MozOpacity=i
        document.getElementById('sifront').style.filter="alpha(opacity="+i*100+")";

Pion

style.MozOpacity=xx
filters.alpha.opacity=xxx

Sind die js Zugriffe , ich würde es aber anders machen, ich würde eine CSS Klasse machen und eben je nach dem die Klasse dann ändern mit JS also einmal bekommen die Link oder was auch immer die Klasse "test" zugeteil und dann beim ändern mit js die klasse "test2"

mfg

Darkxor

Wir haben für die filter Sache zwei unterschiedliche Lösungen <- siehe
oben im Edit. Welches wäre denn nun richtig oder geht beides.
Danke

Pion

....

Code

<div id="sifront" style="background-color:#000000; width:222px; height:22px;">ddd</div>
<script>
 document.getElementById('sifront').style.opacity=0.5;


        document.getElementById('sifront').style.filter='alpha(style=0, opacity=50)';
</script>

webcoolcity

Hi hab das hier kurz gelesen !

Wer zum Beispiel ein Text per Effekt einblenden lassen möchte der kann
sich wie oben die beschriebenen Werte zur nutze machen !

Zitat

var id;
var i = 1;

function content_init() {

aktiv = window.setInterval("content_prozessor()", 120);

}

function content_prozessor() {

display = document.getElementById("dis_"+id);

if(i != 9) {
display.style.opacity = '0.' + (i++);
display.style.filter = 'alpha(opacity='+(i++)+'0)';
}else{
display.style.opacity = '1.0';
display.style.filter = 'alpha(opacity=100)';
window.clearInterval(aktiv);
}

}

function content_reset() {

display = document.getElementById("dis_"+id);
display.style.opacity = '0.0';
display.style.filter = 'alpha(opacity=0)';
display.innerHTML = ' ';
i = 1;

}

Alles anzeigen

nur so nebenbei :D!

Tags