Deutsch  English  

Extension rgcountdown

Die Extension rgcountdown allows you to make really simple countdowns & countups. The big advantages of this extension are:

  • NO plugin necessay
  • Every date which is somewhere a page inside a HTML element (div,span,...) can be taken and changed into a rgcountodwn. This works with plain TS, with plain HTML, inside of extensions without modifiying any template. Take a look at the dates of the comments below!
  • Fully configurable, fully styleable
  • Multilingual

Example I: Countup, default configuration

Example II: Countdown, default configuration

Example III: Countdown, multilingual and whithout the days. So the days are added to the amount of hours.

Example IV: Coundtown, with a different language setting

Example V: Expired Countdown

Examples

Example I 09/28/2007 16:01:20
09/28/2007 16:01:20
Example II 09/28/2008 16:01:20
09/28/2008 16:01:20
Example III 09/28/2008 16:01:20
09/28/2008 16:01:20
Example IV 09/28/2007 16:01:20
09/28/2007 16:01:20
Example V 09/28/2007 16:01:20
09/28/2007 16:01:20

Write a comment about the extension rgcountdown

currently no new comments possible - sorry I am working on it!
20 Comments
Page 1 from 1: 1

#20 Jenny Sender (www ) wrote 08/11/2009 16:17 ago answer

Hey,

 

super Extension! Vor allem der Einsatz bei den Kommentaren gefällt mir sehr gut.

 

Grüße aus Karlsruhe

Jenny

#19 Philip (www ) wrote 06/24/2009 13:55 ago answer

Please erase my last comment.

I just needed to get the date from the server as:

date( DATE_RSS, time() ) ;

Client Javascript will translate GMT from the server to client time.

#18 Philip Almeida (www ) wrote 06/12/2009 18:40 ago answer

Hi GR,

I found that your countdown extension does not provide a

timezone aware impementation.

 

I had to do that for my site's typo3 live demo to give users the countdown for demo clean and reset:

www.freedomson.com/index.php

 

Below is how I did it,

hope you find this usefull.

 

Best regards,

I am glad to share my time and space with people like you.

All Best for you and yours,

 

Philip Almeida

 

 

Javascript Implementation

Also insertData had to be modified.

 

----------------------------------------

 

<div class="countdown" id="countdown3">31/01/2010 00:00:00</div>

 

<script type="text/javascript">

//

// checkTimeZone Updates the date to user timezone

//

function checkTimeZone( compareDate, serverTimeZone ) {

 

serverDate = new Date( compareDate );

serverTimeZoneInHours = serverTimeZone;

 

userDate = new Date();

userTimeZoneInHours = userDate.getTimezoneOffset() / 60 ;

 

totaloffset = serverTimeZoneInHours + userTimeZoneInHours;

 

if ( totaloffset < 0 ) {

totaloffset = Math.abs( totaloffset )

} else {

totaloffset = -( totaloffset )

}

 

serverDate.setHours(serverDate.getHours()+totaloffset);

 

returnDateString = serverDate.toString();

 

return returnDateString;

 

}

 

// You must configure serverTimeZone ( localconf.php ):

// The followig configuration give the server GMT offset on a linux based server

// $TYPO3_CONF_VARS['SYS']['serverTimeZone'] = (int) shell_exec('date +%:::z'); // Return eg: -7 for California Summer Time

// The tag {OTHER:timezone} has to be replaced in insertData method eg:

// $search = Array('{LLL:day}','{LLL:hour}','{LLL:min}','{LLL:sec}','{LLL:expired}','{OTHER:timezone}');

// $replace = Array($ll[$l]['day'],$ll[$l]['hour'],$ll[$l]['min'],$ll[$l]['sec'],$ll[$l]['expired'],$GLOBALS['TYPO3_CONF_VARS']['SYS']['serverTimeZone']);

 

$('countdown3').innerHTML = checkTimeZone( $('countdown3').innerHTML, {OTHER:timezone} );

 

new Countdown( $('countdown3') , {countplus:true, days:false,formatHours: '%hours% {LLL:hour} ', formatMinutes: '%minutes% {LLL:min} ', formatSeconds: '%seconds% {LLL:sec}'});

 

</script>

#17 Heiko (www ) wrote 08/30/2008 00:28 ago answer

Hallo Georg,

weist Du einen Tipp, die Extension in eine Uhrzeit zu wandeln ?

#16 justin (www ) wrote 08/22/2008 23:23 ago answer

This is a great class. Unfortunately, it doesn't work for MooTools v1.2 (only 1.11 I believe). Is there an updated version of this for v1.2?

#15 Andre (www ) wrote 07/18/2008 09:15 ago answer

OK ... ich habe kapiert wie diese Extension arbeitet. Leider funktioniert sie im IE 7 nicht. Ist das Problem bereits bekannt?

#14 Andre (www ) wrote 07/17/2008 12:29 ago answer

Hallo Georg,

 

ich habe eine eigene Portal-Extension geschrieben, die derzeit noch weiter ausgebaut wird und ständig wächst und die ich irgendwann im TER veröffentlichen werde. Jetzt kam mir die Idee, das im Profil des Users die Zeit angezeigt werden kann, bis zu seinem nächsten Geburtstag. In der DB-Tabelle liegt das Geburtsdatum in 3 Spalten (Tag, Monat, Jahr) vor. Wie kann ich diese Extension in meiner am leichtesten einbauen?

 

Gruss Andre

#12 Ben (www ) wrote 05/30/2008 14:17 ago answer

Hallo Georg,

schöne Ext!

 

Habe allerdings fünfmal Mootools auf diverse Abhängigkeiten testen lassen und immer das Problem gehabt, dass "countdown" nicht definiert war. Auch wenn man Mootools nutzt muss man also die countdown.js einbinden, dann gehts aber.

#13 Georg Ringer (www ) wrote 05/31/2008 07:39 ago answer

ist auch logisch! t3mootools stellt die library zur Verfügung, countdown.js die Funktionalität für den countdown!

#11 SLAng (www ) wrote 05/12/2008 15:47 ago answer

Hallo Georg...

Habe gerade diese Extension auf einerSeite eingebaut und habe nach manual das Datum per dd/mm/yyyy hh:mm:ss eingestellt.

Leider funktioniert der Countdown damit nicht. Erst wenn ich es in diesem Format eingebe funktioniert es mm/dd/yyyy hh:mm:ss. Vielleicht ein Fehler in der Doku?

 

Vollständig siehts dann so aus:

<div class="countdown" id="countdown5">07/01/2008 12:00:00</div>

<script type="text/javascript">new Countdown($('countdown5') , {countplus:false, message:'Expired'});</script>

 

um bis zum 01. Juli 2008 zu zählen

 

Lg Stefan

#7 Lamy (www ) wrote 05/05/2008 13:08 ago answer

Echt Super. Aber eine Frage hab ich noch .. wie kann man mehrere Countdowns in eine Seite packen? Bei mir geht immer nur der erste angegebene :(

#8 Georg Ringer (www ) wrote 05/05/2008 18:08 ago answer

schau dir einfach die beispiele an, du brauchst unterschiedliche IDs!

#9 Lamy (www ) wrote 05/06/2008 11:03 ago answer

Ah! Danke, hat funktioniert :) Vielen Dank!

#10 Lamy (www ) wrote 05/08/2008 09:04 ago answer

Ich hab doch noch ein Problem... In IE und Opera geht der Countdown - in FireFox leider nicht. Was muss ich tun damits auch mit dem Fuchs klappt? :)

#6 boris (www ) wrote 04/07/2008 13:52 ago answer

smooth operator? wie wärs mal mit testen in ie6 und 7 ? ;-)

#5 Scheibo (www ) wrote 01/25/2008 15:36 ago answer

Sobald ich den Countdown in einer Seite mit der lightbox einbaue läuft er nicht mehr und gibt mir fehlermeldungen mit ie aus. Wie kann ich das beheben?

#3 Tschüge (www ) wrote 10/10/2007 10:22 ago answer

Hallo,

 

Jetzt muss ich Dir auch mal ein GANZ GROSSES LOB aussprechen. Was du in letzter Zeit an Extensions "gebaut" hast, ist absollute Weltklasse: DANKE

 

Habe noch eine Frage zur Extension rgcountdown. Ich möchte sie gerne in sk_pagecomment und tt_news einfügen. Kannst Du mir sagen, wir Du das gemacht hast?

 

Besten Dank

Tschüge

#4 Tschüge (www ) wrote 10/10/2007 11:26 ago answer

Ich gebe mir die Antwort gleich selber:

 

Am einfachsetn gehts mit folgendem TS in sk_pagecomment:

 

plugin.tx_skpagecomments_pi1._LOCAL_LANG {

de {

wrote = schrieb vor <span class='commentage'>%s</span>

}

}

 

Sorry für das vorschnelle Fragen:

Gruss Tschüge

#2 Clemens Riccabona (www ) wrote 09/28/2007 23:29 ago answer

hähä, very super! ;) -> Georg Ringer, The smooth operator! *sfg*

lg Clemens

#1 Georg Ringer (www ) wrote 09/28/2007 17:43 ago answer

Schreib einen Kommentar zur Extension rgcountdown

Beachte auch das Datum dieses Kommentars ;)

 

Please take a look at the timte of this comment ;)


20 Comments
Page 1 from 1: 1