nicht angemeldet
Hallo miteinander, Ich habe auf unserer Page ein JS Countdown Script eingebaut, welches lokal auf dem Rechner in der Browservorschau auch einwandfrei funktioniert. Wenn ich die html seite dann hochlade und übers web aufrufe, wird der Countdown nicht angezeigt.
Woran könnte das liegen? Hab noch andere JSs drauf, aber meinte das keine gleichen Variablen vorhanden sind.
Hier noch der Quelltext. (ich weiss ist nicht so toll und sauber dargestellt, gecodet wohl auch nicht.) Bin Anfänger. :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html>
<head> <title>R.A.G.E Verein - Revolutionaer Autonome Gamer Elite</title> <link rel="stylesheet" type="text/css" href="main.css"> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <meta http-equiv="pragma" content="cache"> <meta name="robots" content="INDEX,FOLLOW"> <meta http-equiv="content-language" content="de"> <meta name="description" content="XBOX Team, XBOX Clan"> <meta name="keywords" content="rage, rage verein, rageverein, rageclan, rage clan, revolutionaer autonome gamer elite, xbox clan, xboxclan, xbox live clan, xbox team, xboxteam, xbox live team, gaming, gamingteam, gaming team, pygmarage, pygma, daggarage, dagga, rastarage, rasta, banditrage, bandit, derda, extendrage, extend, greenrage, green, mennsen, pluskarage, pluska, undefrage, undef"> <meta name="author" content="PygmaRage"> <meta name="publisher" content="PygmaRage"> <meta name="copyright" content="PygmaRage"> <meta name="audience" content="Alle"> <meta name="creation_date" content="2005-03-25"> <meta name="revisit-after" content="1 days">
<!-- Funpic User Stats --> <script src="http://stats.funpic.de/counter/count.php?username=rageclan"></script>
<!-- Countdown Einstellungen --> <script type="text/javascript" language="JavaScript"><!-- var jahr=2005, monat=4, tag=30, stunde=23, minute=59, sekunde=59; // Ziel-Datum in MEZ var zielDatum=new Date(jahr,monat-1,tag,stunde,minute,sekunde);
function countdown() { startDatum=new Date(); // Aktuelles Datum
// Countdown berechnen und anzeigen, bis Ziel-Datum erreicht ist if(startDatum<=zielDatum) {
var jahre=0, monate=0, tage=0, stunden=0, minuten=0, sekunden=0;
/* Allgemeines Vorgehen: * Zunächst werden die vollen Jahre gezählt * und anschließend der Start- und Ziel-Monat auf den jeweiligen 1. gesetzt. * Nun werden erst die vollen Monate vom 1. zum 1. des Start- bzw. Ziel-Monats berechnet * und danach die tatsächlichen Monatstage wieder mit einbezogen. * Dieses Vorgehen vermeidet Probleme mit den verschiedenen Monatslängen. * Die restliche Differenz zwischen Start- und Ziel-Zeit wird mit Tagen aufgefüllt und * was dann noch übrig bleibt, in Stunden, Minuten und Sekunden ausgedrückt.*/
// Jahre if(startDatum<zielDatum) { while(startDatum<zielDatum) { if(startDatum.setFullYear(startDatum.getFullYear()+1)<=zielDatum) jahre++; } startDatum.setFullYear(startDatum.getFullYear()-1); }
// Restliche Tage zum Monatsende ermitteln var restTage=0; var m=startDatum.getMonth(); if(m==1-1||m==3-1||m==5-1||m==7-1||m==8-1||m==10-1||m==12-1) restTage=31-startDatum.getDate(); else if(m==4-1||m==6-1||m==9-1||m==11-1) restTage=30-startDatum.getDate(); else if(m==2-1) { if(startDatum.getFullYear()%4==0 && (startDatum.getFullYear()%100!=0 || startDatum.getFullYear()%400==0)) restTage=29-startDatum.getDate(); // Schaltjahr else restTage=28-startDatum.getDate(); }
// Start- und Ziel-Tag merken und auf 1 setzen var startTag=startDatum.getDate(); var zielTag=zielDatum.getDate(); startDatum.setDate(1); zielDatum.setDate(1);
// Monate if(startDatum<zielDatum) { while(startDatum<zielDatum) { if(startDatum.setMonth(startDatum.getMonth()+1)<=zielDatum) monate++; } startDatum.setMonth(startDatum.getMonth()-1); }
// Tatsächlichen Start- und Ziel-Tag berücksichtigen if(startDatum.getMonth()==zielDatum.getMonth()) { if(startTag<=zielTag) startDatum.setDate(startTag); else { monate--; tage=restTage+1; } } else { startDatum.setMonth(startDatum.getMonth()+1); if(startTag>=zielTag) tage=restTage+1; else { monate++; startDatum.setDate(startTag); } } zielDatum.setDate(zielTag);
// Tage restTage=Math.floor((zielDatum-startDatum)/(2460601000)); startDatum.setTime(startDatum.getTime()+restTage246060*1000); tage+=restTage;
// Stunden stunden=Math.floor((zielDatum-startDatum)/(60601000)); startDatum.setTime(startDatum.getTime()+stunden6060*1000);
// Minuten minuten=Math.floor((zielDatum-startDatum)/(601000)); startDatum.setTime(startDatum.getTime()+minuten60*1000);
// Sekunden sekunden=Math.floor((zielDatum-startDatum)/1000);
// Anzeige formatieren (jahre!=1)?jahre=jahre+" Jahre, ":jahre=jahre+" Jahr, "; (monate!=1)?monate=monate+" Monate, ":monate=monate+" Monat, "; (tage!=1)?tage=tage+" Tage, ":tage=tage+" Tag, "; (stunden!=1)?stunden=stunden+" Stunden, ":stunden=stunden+" Stunde, "; (minuten!=1)?minuten=minuten+" Minuten und ":minuten=minuten+" Minute und "; if(sekunden<10) sekunden="0"+sekunden; (sekunden!=1)?sekunden=sekunden+" Sekunden":sekunden=sekunden+" Sekunde";
document.countdownform.countdowninput.value=jahre+monate+tage+stunden+minuten+sekunden;
setTimeout('countdown()',200); } // Anderenfalls alles auf Null setzen else document.countdownform.countdowninput.value="0 Jahre, 0 Monate, 0 Tage, 0 Stunden, 0 Minuten und 00 Sekunden"; } //--></script>
<!-- Newsticker Einstellungen --> <script type="text/javascript" language="JavaScript"><!-- var tickerheight=80; var tickerwidth=200; var bordersize=0; var fontspace=5; var font="Verdana"; var speed=50; var pause=1750; var fontsize=11; var rubrik=13; var sparte=4; var font_underline=0; var rollover_underline=1; var ticker_stop=1; var bordercolor="#000000"; var tickercolor="#000000"; var fontcolor="#FFFFFF"; var rollovercolor="#e7e7e7"; var visitedlink="#FFFFFF"; var transparent=1; var tickertyp=2; var u_id=195606; //--></script>
<!-- Google AdSense Einstellungen --> <script type="text/javascript" language="JavaScript"><!-- google_ad_client = "pub-4118769887624212"; google_ad_width = 728; google_ad_height = 90; google_ad_format = "728x90_as"; google_ad_channel =""; google_color_border = "CC0000"; google_color_bg = "000000"; google_color_link = "FF0000"; google_color_url = "E7E7E7"; google_color_text = "FFFFFF"; //--></script> </head>
<body onload="countdown()"> <table width="900px" border="0" align="center"> <tr> <td height="175px"colspan="3" align="center"><img src="images/ragetop.jpg" alt="[-=R.A.G.E=-]"></td> </tr> <tr> <td cellspacing="5px" colspan="3" align="center"> <br> <br> | <span onMouseOver = "this.style.color = '#FFFFFF';" onMouseOut = "this.style.color = '#CC0000';">BanditRage</span> | <span onMouseOver = "this.style.color = '#FFFFFF';" onMouseOut = "this.style.color = '#CC0000';">DaggaRage</span> | <span onMouseOver = "this.style.color = '#FFFFFF';" onMouseOut = "this.style.color = '#CC0000';">DerdA</span> | <span onMouseOver = "this.style.color = '#FFFFFF';" onMouseOut = "this.style.color = '#CC0000';">eXtendRage</span> | <a href="http://www.dive-deep.ch/" style="text-decoration:none" target=_blank onmouseover="this.style.color='#FFFFFF';" onmouseout="this.style.color='#CC0000';">GreenRage</a> | <span onMouseOver = "this.style.color = '#FFFFFF';" onMouseOut = "this.style.color = '#CC0000';">Mennsen</span> | <span onMouseOver = "this.style.color = '#FFFFFF';" onMouseOut = "this.style.color = '#CC0000';">pluSkaRage</span> | <span onMouseOver = "this.style.color = '#FFFFFF';" onMouseOut = "this.style.color = '#CC0000';">PygmaRage</span> | <span onMouseOver = "this.style.color = '#FFFFFF';" onMouseOut = "this.style.color = '#CC0000';">RastaRage</span> | <span onMouseOver = "this.style.color = '#FFFFFF';" onMouseOut = "this.style.color = '#CC0000';">UndefRage</span> | </tr> <tr> <td cellspacing="10px" colspan="3" align="center"> <b> <br> <br> | <a href="http://rageclan.ra.funpic.de/board/" style="text-decoration:none" target=_self onmouseover="this.style.color='#FFFFFF';" onmouseout="this.style.color='#CC0000';">rage.forum</a> | <a href="http://rageclan.ra.funpic.de/upload/upload.php" style="text-decoration:none" target=_self onmouseover="this.style.color='#FFFFFF';" onmouseout="this.style.color='#CC0000';">rage.upload</a> | <a href="mailto:info@roots-of-rage.com" style="text-decoration:none" target=_self onmouseover="this.style.color='#FFFFFF';" onmouseout="this.style.color='#CC0000';">contact</a> | <br> <br> </b> </td> </tr> <tr> <td width="225px" height="300px" rowspan="3"> <div align="center"><iframe src="http://72620.shoutbox.de/" width="200" height="300" frameborder="0"></iframe></div> </td> <td width="450px" height="50px">
<!-- Countdown --> <div align="center"> <font color="#FFFFFF">Neue Halo 2 Maps angekündigt! Nur noch <form name="countdownform"><input size="70" name="countdowninput" style="color:#FFFFFF; background-color:transparent; border-width:0; style:bold" onfocus="if(this.blur)this.blur()"></form> bis Warlock und Containment.</font> |<a href="http://rageclan.ra.funpic.de/board/viewtopic.php?t=219" style="text-decoration:none" target=_self onmouseover="this.style.color='#FFFFFF';" onmouseout="this.style.color='#CC0000';">Hier mehr...</a> |</div> <!-- End Countdown -->
</td> <td width="225px" height="50px">
<!-- Search Google --> <div align="center"> <form method="get" action="http://www.google.ch/custom" target="google_window"> <table background:transparent> <tr><td nowrap="nowrap" valign="top" align="left" height="32"> <a href="http://www.google.com/"> <img src="http://www.google.com/logos/Logo_25blk.gif" border="0" alt="Google" align="middle"></img></a> <br/> <input type="text" name="q" size="25" maxlength="255" value=""></input> </td> </tr><tr><td valign="top" align="left"> <input type="submit" name="sa" value="Suchen"></input> <input type="hidden" name="client" value="pub-4118769887624212"></input> <input type="hidden" name="forid" value="1"></input> <input type="hidden" name="ie" value="ISO-8859-1"></input> <input type="hidden" name="oe" value="ISO-8859-1"></input> <input type="hidden" name="cof" value="GALT:#FF0000;GL:1;DIV:#CC0000;VLC:CC0000;AH:center;BGC:000000;LBGC:000000;ALC:FF0000;LC:FF0000;T:FFFFFF;GFNT:E7E7E7;GIMP:E7E7E7;FORID:1;"></input> <input type="hidden" name="hl" value="de"></input> </td></tr></table> </form> </div> <!-- End Search Google -->
</td> </tr> <tr> <td width="450px" rowspan="2"> <div align="center"> <img src="images/rageunderconstruction.gif" alt="underconstruction"> </div> </td> <td width="225px" height="100px"> <div align="center"> <script type="text/javascript" src="ticker.js"></script> <noscript><p><font color="#FFFFFF">[NEWS-SCRIPT]<br><b>Ihr Browser unterstützt leider kein JavaScipt!</b><br>Entweder sie haben es aus Sicherheitsgründen deaktiviert oder ihr Browser ist nicht auf dem neusten Stand.</color><p></noscript> </div> </td> </tr> <tr> <td width="225px" height="150px"> </td> </tr> <tr> <td colspan="3" width="900px" cellspacing="10px">
<!-- Google Ad Sense --> <div align="center"> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> <!-- End Google Ad Sense --> </table> </body> </html>
Wäre echt nett wenn mir jemand ein paar Hinweise auf die Problemlösung geben könnte. Bin am verzweifeln woran es noch liegen könnte. Mein Latein ist am Ende und Google hat mir auch nichts ausgespuckt.
Ein paar tipps meinen Quelltext ordentlicher zu gestalten nehm ich niemandem übel.
Vielen Dank schonmal für die Aufmerksamkeit...
Gruss Pygma