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.

[Zebra]

Great it works, but what must i do with "Use {option}: Yes" ?

[Jikdor]

Cool, thanks. Installed.

[MoT3rror]

Originally Posted by Zebra

Great it works, but what must i do with "Use {option}: Yes" ?

That is a option when you add BB Code. You must set this to yes.

[imported_martyjp]

Great idea and installed with out any issues. Unfortunately didnt really work on my site as have members from all over the world so the countdowns didnt really work as it is done from the users pc time

[maidos]

how does it really work, i mean theres different timezones

[Bounce]

Is it possibly to add the username of the user and what he/she is counting down too?

{user} is counting down: to his birthday 7 days 4 hours 7 secs :erm:

[MoT3rror]

Originally Posted by hIBEES

Is it possibly to add the username of the user and what he/she is counting down too?

{user} is counting down: to his birthday 7 days 4 hours 7 secs :erm:

The user can put whatever text in from of the countdown and when the countdown is over.

Does that answer your question?

[Mum]

Who's timezone does this use? The member currently viewing? Or the timezone of the board?

[MoT3rror]

Originally Posted by Mum

Who's timezone does this use? The member currently viewing? Or the timezone of the board?

The timezone of the current user's machine.

[sdavis2702]

I really like this hack. I have installed it and I am using it... only thing is... I'm concerned with my member. How will they know what format to put the information in? I can ofcourse make a thread or something but they won't all be able to see that. Any suggestions? Or am I missing something?