Forskel på CSS+Javascript i IE/FF
Det her er virkelig pudsigt!Følgende kode virker fint i IE7(7.0.5730.11) og FF(2.0.0.6).
De 4 beskeder fader in/ud pænt, uden at hakke.
Når jeg fjerner "position: absolute;" fra <DIV>'en i <BODY> fader teksten ikke længere i IE. Nu skifter beskederne blot fra den ene til den anden uden at fade ind/ud.
wtf?
=========================
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Fade ind og ud</title>
<script type="text/javascript">
tekst = new Array("besked1", "besked2", "besked3", "besked4"); //Beskederne, der skal vises én efter én
showTime = 0; //Antal millisekunder, hver besked skal vises, før den fader ud
pause = 0; //Antal millisekunder, der skal gå, fra den nuværende besked er fadet ud, til den næste vises
nr = -1;
function visBesked() {
if (nr == tekst.length -1) { nr = -1 };
obj = document.getElementById("fadingText");
obj.innerHTML = tekst[++nr];
fadeind();
}
opac = 0;
function fadeind() {
if (opac <= 100) {
obj = document.getElementById("fadingText");
if (document.all)
obj.filters.alpha.opacity = opac;
else
obj.style.MozOpacity = opac / 100;
opac += 5;
setTimeout("fadeind();", 50);
}
else
setTimeout("fadeud();", showTime);
}
function fadeud() {
if (opac >= 0) {
obj = document.getElementById("fadingText");
if (document.all)
obj.filters.alpha.opacity = opac;
else
obj.style.MozOpacity = opac / 100;
opac -= 5;
setTimeout("fadeud();", 50);
}
else
setTimeout("visBesked();", pause);
}
</script>
</head>
<body onLoad="visBesked();">
<DIV id="fadingText" style="position: absolute; font-family: Arial; font-size: 14px; filter: alpha(opacity=0); -moz-opacity: 0;"></div>
</body>
</html>
======================
nogen ideer?
