BB Code Enhancements - Countdown BB Code

Description

This is a countdown hack that allows users to put a custom countdown using BB Code.

Example:

[countdown=12/31/2020 5:00 AM;It is finally here]Count down:[/countdown]

The countdown will count down till it reaches the date then it will show the text in the option after the date. The param is the text before the countdown.

The date is in the format of m/d/yyyy h:mm AM.
m is for month.
d is for day.
y is for Year with 4 digits like 2008 not 08.
h is for the hour.
The last m is for minute and needs to be 2 digits.
The AM can be AM or PM.

Features


* Processing is done by Javascript.
* There can be multiple countdowns on a page without effecting the other countdowns on the page.

Installation With Product


1. Upload everything in the upload folder.
2. Login to your Admin Control Panel
3. Go to Plugins & Products -> Manage products
4. Click on Add/Import product
5. Browse for product-countdown37.xml and click import.
6. Edit your headinclude template and put this code at the bottom.

<!-- Begin Countdown Javascript code -->

<script type="text/javascript" src="clientscript/countdown.js"></script>

<!-- End Countdown Javascript code -->

Installation without Product

1. Upload everything in the upload folder.
2. Login to your Admin Control Panel
3. Edit your headinclude template and put this code at the bottom.

   <!-- Begin Countdown Javascript code -->
   
   <script type="text/javascript" src="clientscript/countdown.js"></script>
   
   <!-- End Countdown Javascript code -->

4. Create new BB Code with these settings.
   Title: Countdown (You can make this whatever you want)
   Tag: countdown
   Replacement:

   <span id="cntdwn"></span>
   <script type="text/javascript">
   init_countdown("{param}", "{option}");
   </script>

   Example:

   [countdown=12/31/2020 5:00 AM;It is finally here]Count down:[/countdown]

   Use {option}: Yes

Version Changes

• 1.1 Fix countdown only showing when using quick reply.

[Mum]

Also i noticed it says '01 Days, 16 Hours, 48 Minutes, 55 Seconds.' It should really say 1 Day (no s), can this be fixed, if possible?

[MoT3rror]

Originally Posted by Mum

Also i noticed it says '01 Days, 16 Hours, 48 Minutes, 55 Seconds.' It should really say 1 Day (no s), can this be fixed, if possible?

Try this code. Find this in your countdown.js file

	CountActive = true;
	LeadingZero = true;
	DisplayFormat = "%%D%% Days, %%H%% Hours, %%M%% Minutes, %%S%% Seconds.";

And change it to this

	CountActive = true;
	LeadingZero = false;
	DisplayFormat = "%%D%% Days, %%H%% Hours, %%M%% Minutes, %%S%% Seconds.";

[Mum]

That will still say '1 Days' - won't it? Which is gramatically incorrect.

[DragonBlade]

This would be perfect if it was not dependent on the user's time so they can exploit it.

[Conner85]

When I go to save it in my sig, the page goes blank.

[MoT3rror]

Originally Posted by Conner85

When I go to save it in my sig, the page goes blank.

Did this start happening when you added this BB code?

[Mum]

Originally Posted by Mum

What could i remove so that it just says days?

Just wondering if this is possible? I only want it to say 45 days... not hours, mins, seconds... etc.

[Sandra_T]

Hi... Iam to stupid because this countdown woun`t be play on my Board.

I load the file in this folder

"/board/includes/xml/product-countdown368.xml"

and the *.js file in this folder

"/board/clientscript/countdown.js"

Is this correct?

Hier are some screenshots:

http://www.pic-share.eu/image/1cd116becd

http://www.pic-share.eu/image/21aed92655

http://www.pic-share.eu/image/e3a2e9b85b

Are these settings also correct?


Thank you all people :up:


Sandra_T

[Mum]

Sandra_T - you need to follow the instructions in the top post

[MoT3rror]

Originally Posted by Mum

Just wondering if this is possible? I only want it to say 45 days... not hours, mins, seconds... etc.

Yes you can change the the display of the countdown by the countdown.js file.

	CountActive = true;
	LeadingZero = true;
	DisplayFormat = "%%D%% Days, %%H%% Hours, %%M%% Minutes, %%S%% Seconds.";

You just change the DisplayFormat to what you want it to be. Like if you only wanted days you can do something like this

	CountActive = true;
	LeadingZero = true;
	DisplayFormat = "%%D%% Day(s)";

%%D%% = Days
%%H%% = Hours
%%M%% = Minutes
%%S%% = Seconds