Hi Jens,
jetzt kommt etwas, was ich noch nie gemacht habe - nämlich einen ellenlangen Code zu posten.
Wundere Dich übrigens nicht über den teilweise anrüchigen Inhalt. Das wird eine kleiner Gag zum Geburtstag eines Kumpels.
Also bei mir funzt es nicht:
<html><head><title>HTMLmaker</title>
<style type="text/css">
<!--
-----cut----
//-->
</style>
<script language="Javascript1.2">
u = "msg";
v = "bar";
w = "pro";
function Show(Divname)
{
document.all[Divname].style.visibility = "visible";
}
function Hide(Divname)
{
document.all[Divname].style.visibility = "hidden";
}
function ShowAll(Divname)
{
for (n = 1; n < 9; n++)
{
Show(u+n);
}
for (n = 1; n < 8; n = n+2)
{
Show(v+n);
Show(w+n);
}
}
function HideAll(Divname)
{
for (n = 1; n < 9; n++)
{
Hide(u+n);
}
for (n = 1; n < 8; n = n+2)
{
Hide(v+n);
Hide(w+n);
}
}
function SetSize()
{
size = 0;
}
var porn= new Array();
porn[0]="censored";
porn[1]="censored";
porn[2]="censored";
porn[3]="censored";
porn[4]="censored";
porn[5]="censored";
porn[6]="censored";
porn[7]="censored";
porn[8]="censored";
porn[9]="censored";
porn[10]="Schäme Er sich!!";
count = 0;
function Porn(Divname) // hier werden ein paar "verfängliche" Dateinamen eingeblendet ;-)
{
a = Divname;
if (count <= 10)
{
document.all[Divname].innerHTML=porn[count];
count++;
setTimeout ("Porn(a)", 250);
}
}
function Resize(Divname) // hier werden wachsende Progressbars simuliert und dann die
{ // Ergebnisdialoge eingeblendet
a = Divname;
max = a.length;
i = a.slice (max-1,max);
if (i == 1 i == 3 i == 7) x = 5;
else x = 0.5;
if (size <= 100 && i != 6)
{
size = size + x;
document.all[Divname].style.width = +size+"px";
setTimeout ("Resize(a)", 0);
}
b = w;
b += i;
i++;
c = u;
c += i;
if (size == 100)
{
setTimeout ("Show(b)", 200);
setTimeout ("Show(c)", 500);
if (i == 6) setTimeout ("Porn('msg6')", 600);
}
}
function Start() // hier werden alle DIVs nacheinander eingeblendet
{
SetSize();
setTimeout ("Show('msg1')", 500);
setTimeout ("Resize('bar1')", 700);
setTimeout ("SetSize();", 3000);
setTimeout ("Show('msg3')", 3000);
setTimeout ("Resize('bar3')", 3200);
setTimeout ("SetSize();", 5500);
setTimeout ("Show('msg5')", 5500);
setTimeout ("Resize('bar5')", 5700);
setTimeout ("SetSize();", 19800);
setTimeout ("Show('msg7')", 21500);
setTimeout ("Resize('bar7')", 21700);
setTimeout ("Blink()", 24000);
}
function Blink()
{
zeit = 0; ####
setTimeout ("Hide('Alles')", zeit); #HIER IST IRGENDWO DER
zeit +=300; #HUND BEGRABEN!
setTimeout ("Show('Alles')", zeit); ####
etc.
/*zeit = 0; ########so funktioniert's, es muss aber doch einfacher gehen!###########
setTimeout ("HideAll()", zeit);
zeit +=300;
setTimeout ("ShowAll()", zeit);
zeit +=300;
setTimeout ("HideAll()", zeit);
zeit +=300;
setTimeout ("ShowAll()", zeit);
zeit +=300;
setTimeout ("HideAll()", zeit);
zeit +=300;
setTimeout ("ShowAll()", zeit);
zeit +=300;
setTimeout ("HideAll()", zeit);
zeit +=300;
setTimeout ("ShowAll()", zeit);
zeit +=300;
setTimeout ("HideAll()", zeit);
zeit +=300;
setTimeout ("ShowAll()", zeit);*/
}
</script></head>
<body bgcolor="#C2B0F7" onLoad="Start()">
<div id="msg" class="tit" style="position:absolute; left:100px; top:10px; width:500px; height:40px; z-index:1"><center><font size="+2">Gleich geht's los!<br><br>mit Martin's kleinem HTML-Maker<br><br>für Thorsten :-))<br><br>Benutze bitte <font color="#FF0000">MS Internet Explorer 5.0 !!</font></font></center></div>
<div id="Alles" style="position: absolute; visibility:visible; z-index:0">###### DAS SOLL DER "KLAMMER"-DIV sein!!##########
<div id="msg1" style="position:absolute; left:110px; top:300px; width:170px; height:40px; padding:2pt; border:3.5px solid #AB54AB;background-color:lightyellow;layer-background-color:lightyellow; visibility:hidden; z-index:1">Prozessor initialisieren:</div>
<div id="bar1" style="position:absolute; left:120px; top:326px; width:0px; height:0.1cm; background-color:#0000FF; clip:rect(0px auto 5px auto); visibility:visible; z-index:2"></div>
<div id="pro1" class="pro" style="position:absolute; left:230px; top:322px; width:0px; height:0.1cm; visibility:hidden; z-index:2">100%</div>
<div id="msg2" class="out" style="position:absolute; left:410px; top:300px; width:190px; height:40px; padding:2pt; border:3.5px solid #AB54AB;background-color:lightyellow;layer-background-color:lightyellow; visibility:hidden; z-index:1">P90 Prozessor - OK!</div>
<div id="msg3" style="-- cut -->PCI-Bus durchspülen:</div>
<div id="bar3" style="-- cut --></div>
<div id="pro3" class="pro" style="-- cut -->100%</div>
<div id="msg4" class="out" style="-- cut -->Zwei Kaulquappen entfernt!</div>
<div id="msg5" style="-- cut -->Festplatte auf pornographische Inhalte untersuchen:<br></div>
<div id="bar5" style="-- cut --></div>
<div id="pro5" class="pro" style="-- cut -->100%</div>
<div id="msg6" class="out" style="-- cut --></div>
<div id="msg7" style="position:absolute; left:110px; top:460px; width:160px; height:40px; padding:2pt; border:3.5px solid #AB54AB;background-color:lightyellow;layer-background-color:lightyellow; visibility:hidden; z-index:1">Festplatte löschen...</div>
<div id="bar7" style="position:absolute; left:120px; top:485px; width:0px; height:0.1cm; background-color:#0000FF; clip:rect(0px auto 5px auto); visibility:visible; z-index:2"></div>
<div id="pro7" class="pro" style="position:absolute; left:230px; top:481px; width:0px; height:0.1cm; visibility:hidden; z-index:2">100%</div>
<div id="msg8" class="out" style="position:absolute; left:410px; top:460px; width:100px; height:40px; padding:2pt; border:3.5px solid #AB54AB;background-color:lightyellow;layer-background-color:lightyellow; visibility:hidden; z-index:1">Fertig!!</div>
</div>######ENDE DES KLAMMERDIVs
</body></html>
Vielleicht siehst Du ja den/die Fehler.
Gruss und Gute Nacht
Martin
PS: Verzeiht die lange Message, aber beschreiben kann ich das nicht mehr
PS2: Ich werde den Code dann durch die Style-Sheets noch ausdünnen!! Ist nur ein Entwurf