Zum Inhalt springen
View in the app

A better way to browse. Learn more.

Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Transparenz [Javascript]

Empfohlene Antworten

Veröffentlicht

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?

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.

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

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

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 von 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.

Sorry, aber schau doch einfach nach :rolleyes:

Archiv

Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.