Halbtransparenter DIV beim Laden drüberlegen
Kermit
- html
Hi,
sorry für meine Einfache Frage. Ich habe mich 'ne halbe Stunde tot gegoogelt ohne eine einfachere Lösung zu finden.
Ich habe ein Content-Bereich innerhalb eines DIV in meiner Seite den ich mit ein halb transparentes DIV überdecken möchte solange neues Content mit Ajax geladen wird.
Kennt jemand eine schnellere Lösung für alle Browser?
Vielen Dank
Kermit
Hi,
Kennt jemand eine schnellere Lösung für alle Browser?
Schneller als was?
MfG ChrisB
»» Kennt jemand eine schnellere Lösung für alle Browser?
ich meinte schnell zu implementieren
»» »» Kennt jemand eine schnellere Lösung für alle Browser?
ich meinte schnell zu implementieren
Ich kenne eine - worauf willst du hinaus?
Ich kenne eine - worauf willst du hinaus?
kannst du bitte dann ein Beispiel hier posten
»» Ich kenne eine - worauf willst du hinaus?
kannst du bitte dann ein Beispiel hier posten
Beim abfeuern deines xmlhttprequest erzeugst du ein div-Element und positionierst es über jenes Element, welches du überdecken willst (mit einem Hintergrundbild mit Ladebalken oder wasauchimmer)- wenn der xmlhttprequest fertig ist entfernst du dieses Element wieder.
Ich fürchte, ich kann nicht ganz folgen, wo dein eigentliches Problem liegt.
Hast du Schwierigkeiten mit der Umsetzung (JavaScript oder CSS), der Theorie oder doch ein ganz anderes?
erstens weis ich nicht genau wie es am besten für Firefox und IE geht (CSS oder doch PHG) und zweitens brauche ich auch ein animiertes GIF als Vorlage.
erstens weis ich nicht genau wie es am besten für Firefox und IE geht (CSS oder doch PHG)
Was ist PHG?
und zweitens brauche ich auch ein animiertes GIF als Vorlage.
Was hat ein animiertes GIF mit Halbtransparenz zu tun?
http://www.ajaxload.info/
Mathias
Hi,
ich meinte schnell zu implementieren
Das genannte ist schnell zu implementieren.
MfG ChrisB
Ich habe ein Content-Bereich innerhalb eines DIV in meiner Seite den ich mit ein halb transparentes DIV überdecken möchte solange neues Content mit Ajax geladen wird.
<div id="content">
<div id="überblendung"></div>
</div>
#content { width: 500px; height: 500px; position: relative; }
#überblendung {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
background-color: black;
opacity: 0.5;
filter:alpha(opacity=50);
display: none;
}
Per JavaScript einblenden:
document.getElementById('überblendung').style.display = "block";
Ausblenden: ebenso, nur weder "none".
Mathias