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]

Installing it now!

[Mum]

Sorry, problem with this instruction

6. Edit your headerinclude template and put this code at the bottom.

I can't find that template? I've done a search and manually looked and can't find it.

[Mum]

I can however find headinclude. Is it that one?

[Mum]

Woohoo! It's perfect!!! Thank you so much

[Mum]

Is there a way to remove the '.' after the seconds please? I'd rather it wasn't there for my particular usage.

[Mum]

Ok, have to uninstall for now. If i have it in my signature, and use Quick Post, every time you enter a message and hit post/ok (to submit the message) the next page it shows is the ticker countdown (blank page, with just the ticker code on it).

Can't wait for an update though to fix this!

[G0F0RBR0KE]

Very interesting. Can we see a screenshot of this?

[MoT3rror]

Originally Posted by Mum

Ok, have to uninstall for now. If i have it in my signature, and use Quick Post, every time you enter a message and hit post/ok (to submit the message) the next page it shows is the ticker countdown (blank page, with just the ticker code on it).

Can't wait for an update though to fix this!

I notice soon after I release this. I will try to get a fix out for it soon but you should just be able to refresh your page and it should work.

Originally Posted by EvilAkuma

Very interesting. Can we see a screenshot of this?

I added a screenshot.

[G0F0RBR0KE]

Actually, there is another one. I have it somewhere on my test forum running.