Transparenz [Javascript]

[Mike1990]

Hallo

wie mache ich mit Javascript ein Object transparent? Der css code dafür ist ja

filter:alpha(opacity=50); /* Internet Explorer */

-moz-opacity: 0.50; /* Mozilla Browser */

opacity: 0.50; /* Opera */

aber wie muss das in einer javascript datei aussehen?

document.getElementById("test").style.opacity = 0.50;

das ist denke ich mal so richtig wie muss das für Mozilla und IE aussehen?

[Aiun]

suche dir ein JS Framework (mootools,scriptacoulus, prototype, jquery ....)

Die lösen das jeweils für alle browser mit einem Befehl.

Wenn du natürlich nur neugierig bist und wissen willst wie es funktioniert, viele dieser Frameworks sind open source, also schau dir da am besten an wie es gemacht wurde.

[Gast viewz]

Hi,

Du meinst mit Transparenz schon, dass du zum Beispiel ein Bild oder so verschwinden lassen willst, oder? Wenn ja, dann würde ich des mit einem IF-Konstrukt machen.

function unsichtbar()

{

if(document.getElementById("test").style.visibility=="visible")

{

document.getElementById("test").style.visibility=="hidden";

}else{

document.getElementById("test").style.visibility=="visible";

}

}

Das müsste meiner Meinung nach gehn. Probiers mal aus

[Aiun]

er verwendet 0.5 opacity, das ist halbtransparent und das geht nicht mit visibility.

[Mike1990]

Visibility kann ich nicht verwenden.. Ich brauche den Javascript code wie ich opacity bei jeden browser hervor rufen kann. Will das wie eine Animation aussehen lassen. Der Text wird geladen der div layer auf opacity=0 gesetzt und dann soll der nach und nach sichtbar werden.

Beim FF und anderen Browsern habe ich es mit

document.getElementById("profile_guestbook_field").style.opacity=opAc;

document.getElementById("profile_guestbook_field").style.MozOpacity=opAC;

gelöst. Beim IE scheint diese Variante allerdings nicht zu funktionieren... (in opAc ist der transparenz grad gespeichert: Als halbtransparenz 0.5 und voll sichtbar 1.0)

Für den IE habe ich diese Variante probiert

document.getElementById("profile_guestbook_field").style.filter='alpha(opacity=' + opacity + ')';

Diese scheint allerdings nicht zu funktionieren ( opacity ist der transparenz grad gespeichert: Als halbtransparent 50 und voll sichtbar 100)

Bearbeitet 16. September 2008 von Mike1990

[geloescht_JesterDay]

Der Text wird geladen der div layer auf opacity=0 gesetzt und dann soll der nach und nach sichtbar werden.

Combination Effects Demo — scriptaculous — GitHub

script.aculo.us - web 2.0 javascript

Effekt.Appear

[Mike1990]

Danke für die Links. Aber ich will keine fertigen Frameworks nehmen. Will nicht i-welche Fertig dinger nehmen. Daher wäre ich froh wenn mir jemand den IE code für opacity mit Javascript geben könnte.

[geloescht_JesterDay]

Sorry, aber schau doch einfach nach