Hi,
ich möchte auf meiner Homepage Flyer von Partys online stellen, über denen jeweils ein Contdown abläuft, wie lange es noch bis zu dieser PArty dauert.
Hier ein Bild. So wie bei dem ganz linken Banner möchte ich die Counter drüberstehen haben.
Jetzt kommt das Problem.
Ich habe die einzelnen Banner in jeweils ein Modul gepakt. In diesem Modul habe ich den Java-Code vom Countdownzähler gepakt.
Wenn ich aber jetzt mehr als einmal diesen Code einfüge, dann wird entweder nur ein Countdown angezeigt, oder garkeiner. hier mal der Code:
Jetzt meine Frage:Code:<p align="center"> <script language="JavaScript"> TargetDate = "12/6/2008 8:00 PM"; BackColor = "#E86B00"; ForeColor = "#FFFFFF"; CountActive = true; CountStepper = -1; LeadingZero = true; DisplayFormat = "%%D%% Tage %%H%% Std. %%M%% Min. %%S%% Sek."; FinishMessage = "Vorbei"; </script> <script language="JavaScript" src="http://scripts.hashemian.com/js/countdown.js"></script> </p>
Wie bekomme ich das zu laufen, oder gibt es ein mambot/ Plugin für Joomla, mit dem ich einfach jeweils so einen Counter eintragen kann?
Ich hoffe, ihr wisst was ich meine :-D
Danke
P.S: Der Countdown ganz rechts ist ein anderer als der links, aber das sieht ja nicht gut aus.
Code:<html> <head> <title>Countdown bis zu einem bestimmten Zeitpunkt</title> <script language="Javascript"> <!-- var CountdownJahr = 2008; var CountdownMonat = 12; var CountdownTag = 6; var CountdownStunde = 20; var CountdownMinute = 00; var CountdownSekunde = 0; function CountdownAnzeigen() { var Jetzt = new Date(); var Countdown = new Date(CountdownJahr, CountdownMonat-1, CountdownTag, CountdownStunde, CountdownMinute, CountdownSekunde); var MillisekundenBisCountdown = Countdown.getTime()-Jetzt.getTime(); var Rest = Math.floor(MillisekundenBisCountdown/1000); var CountdownText = ""; if(Rest >= 31536000) { var Jahre = Math.floor(Rest/31536000); Rest = Rest-Jahre*31536000; if(Jahre > 1 || Jahre == 0) { CountdownText += Jahre + " Jahre "; } else if(Jahre == 1) { CountdownText += Jahre + " Jahr "; } } if(Rest >= 86400) { var Tage = Math.floor(Rest/86400); Rest = Rest-Tage*86400; if(Tage > 1 || Tage == 0) { CountdownText += Tage + " Tage "; } else if(Tage == 1) { CountdownText += Tage + " Tag "; } } if(Rest >= 3600) { var Stunden = Math.floor(Rest/3600); Rest = Rest-Stunden*3600; if(Stunden > 1 || Stunden == 0) { CountdownText += Stunden + " Stunden "; } else if(Stunden == 1) { CountdownText += Stunden + " Stunde "; } } if(Rest >= 60) { var Minuten = Math.floor(Rest/60); Rest = Rest-Minuten*60; if(Minuten > 1 || Minuten == 0) { CountdownText += Minuten + " Minuten "; } else if(Minuten == 1) { CountdownText += Minuten + " Minute "; } } if(Rest > 1 || Rest == 0) { CountdownText += Rest + " Sekunden "; } else if(Rest==1) { CountdownText += Rest + " Sekunde "; } document.getElementById('Countdown').innerHTML = CountdownText; window.setTimeout("CountdownAnzeigen()", 1000); } //--> </script> </head> <body onLoad="CountdownAnzeigen();"> <span id="Countdown"></span> </body> </html>


LinkBack URL
About LinkBacks
Zitieren
Lesezeichen