Hallo zusammen!
Ich verzweifel hier grade, in meinem Script is irgendwo n Fehler, sodass das FadeIn/Out im IE nich tut.
Die Browserweiche funktioniert korrekt, nur stört ihn anscheinend das setzen des Alpha-Wertes. Komischerweise funktioniert es auf anderen Seiten perfekt.
Mein Quelltext sieht momentan so aus:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
| <html>
<head>
<title>Test</title>
<script type="text/javascript">
var is_ie = (document.all && document.getElementById);
var is_moz = (!document.all && document.getElementById);
var is_opera = (navigator.userAgent.indexOf("Opera") > -1);
var opacity = 100;
var fade_dir = -10;
function fade() {
if(((fade_dir==-10) && (opacity>0)) || ((fade_dir==10) && (opacity<100))) {
opacity += fade_dir;
if(is_opera) {
opacity = 0;
} else if(is_ie) {
document.getElementById('blubb').filters.alpha.opacity = opacity;
//document.getElementById('blubb').innerHTML = opacity;
} else if(is_moz) {
document.getElementById('blubb').style.MozOpacity = (opacity/100);
}
setTimeout("fade()", 100);
} else {
fade_dir=fade_dir*-1;
document.getElementById('bla').innerHTML="";
}
}
</script>
</head>
<body>
<div id="blubb">
BlaBlaBlubb<br>
BlaBlaBlubb<br>
BlaBlaBlubb<br>
BlaBlaBlubb<br>
BlaBlaBlubb<br>
BlaBlaBlubb<br>
BlaBlaBlubb</div>
<div id="bla">fghj</div>
<input type="button" onclick="fade()">
</body>
</html> |
In der markierten Zeile müsste der Fehler liegen. (Kann aber auch ganz woanders sein)
Wenn ich die markierte Zeile auskommentiere und stattdessen die Zeile ein untendrunter ent-kommentiere, werden zumindest die korrekten Werte für opacity angezeigt.
Sieht irgendjemand den Fehler?
OPACITY JAVASCRIPT