Hi,
hatte bisher mit der Extension: jm_countdown gearbeitet.
Nun hab ich ein Snippet gefunden, was so ziemlich das gleiche macht:
# Das countdown Date (In UNIX time format)
lib.countdown.date = 1142095231
Und folgendes ins SETUP Feld:
lib.countdown = COA_INT
lib.countdown {
10 = TEXT
10.cObject = TEXT
10.cObject.data = date:U
10.cObject.wrap = ({$lib.countdown.date} -|)/86400
10.prioriCalc = intval
10.wrap = Es sind noch | Tage bis
20 = TEXT
20.value = {$lib.countdown.date}
20.strftime = %d %B %y
}
Bis auf das ich bei der jm_countdown Extension das Datum in 2007-10-10 angeben kann, und in den Snippet oben in Unix Time angeben muss, sehe ich sonst keine Vorteile warum ich dafür eine Extension verwenden sollte.
Vielleicht kann mir jemand den Unterschied erklaeren.
Danke
Du kannst dir noch alternativ meine ext rgcountdown anschauen
> http://www.rggooglemap.com/dev/rgcountdown.html
lg georg
Ich finde rgcountdown sehr schön und würde sie gerne zum Laufen bringen. Allerdings habe ich mit der Anleitung meine Schwierigkeiten:
Wo setze ich das TS? Template oder Seiteneigenschaften
Wie weise ich die CSS zu?
Wie kommt der Countdown auf die Seite, auf die ich ihn haben will?
Das habe ich gemacht und es klappt nicht:
page.includeJS.file2 = EXT:rgcountdown/res/countdown.js
<div class="countdown" id="countdown3">09/28/2008 16:01:20</div>
<script type="text/javascript">new Countdown($('countdown3') , {countplus:true, days:false);</script>
# TS CODE
lib.countdown1 = TEXT
lib.countdown1.value (
<div class="countdown" id="countdown">09/28/2007 16:01:20</div>
<script type="text/javascript">new Countdown($('countdown'));</script>
)
Danke für Hilfe!
wo hast du was gemacht?
alles was du brauchst ist ein datum in der gegebenen syntax in einem div/span/... mit einer ID
diese ID gibst du dann im js an ($('countdown3'))
CSS + JS bindest du über das TS im template ein
georg
Lieber Georg,
frohe Weihnachen und vielen Dank für die schnelle Antwort!
Ich möchte den Countdown Bsp. 3 auf meiner Startseite (ID 6) mit dem 5. Juli 2008 als Zieldatum. Hierfür habe die Ext. installiert und folgendes im Template. Ich bin Anfänger und habe keine Ahnung von JS.:
# Countdown
page.includeJS.file2 = EXT:rgcountdown/res/countdown.js
<div class="countdown" id="countdown3">09/28/2008 16:01:20</div>
<script type="text/javascript">new Countdown($('6') , {countplus:true, days:false);</script>
So läuf es nicht! (Kein Wunder würde der Fachmann sagen...)
Könnstest du deine Antwort nochmal didaktisch reduzieren, damit ich deinen Countdown nutzen kann? Vielen Dank!
DP
das als html element auf die seite einbinden wo du den countdown willst
<div class="countdown" id="countdown">03/29/2008 18:00:00</div>
<script type="text/javascript">new Countdown($('countdown') , {countplus:true});</script>
<br/><br/>
dann schmeisst du das in dein haupt typoscripttemplate
[PIDinRootline = deine seite]
page.includeJS.file1 = EXT:t3mootools/res/mootoolsv1.11.js
page.includeJS.file1 = EXT:rgcountdown/res/mootools.js
page.includeJS.file2 = EXT:rgcountdown/res/countdown.js
aber eine frage hätte ich noch - wie bekomm ich das ding auf deutsch?
hallo,
könnt Ihr mir mal sagen wie ich den Bezeichnung auf deutsch bekomme! Tage Stunden Minuten...
mein html
<div class="countdown" id="countdown">03/29/2008 18:00:00</div>
<script type="text/javascript">new Countdown($('countdown') , {countplus:true});</script>
mfg
besi
besi schriebkönnt Ihr mir mal sagen wie ich den Bezeichnung auf deutsch bekomme! Tage Stunden Minuten...
Hallo besi,
da brauchste nur...
so sieht es bei mir aus:
<center><font color=ff6666><div class="countdown" id="countdown">01/16/2009 15:00:00</div></font></center>
<script type="text/javascript">new Countdown($('countdown') , {countplus:false, message:'Der Termin hat leider schon begonnen',formatDays: ' %days% Tage - ', formatHours: '%hours% Stunden', formatMinutes: ' ', formatSeconds: 'bis zum offiziellen Beginn.'});</script>
Wie du siehst, lasse ich nur Tage und Stunden ausgeben...
Irgendwann - wenn der Termin vorbei ist, setze ich dann die folgende Beschreibung ein:
<center><font color=ff6666><div class="countdown" id="countdown">05/03/2009 10:00:00</div></font></center>
<script type="text/javascript">new Countdown($('countdown') , {countplus:true, formatDays: ' %days% Tage - ', formatHours: '%hours% Stunden', formatMinutes: ' ', formatSeconds: 'sind seit dem Termin vergangen.'});</script>