Module: Countdown to certain date

[58sniper]

What this does: This adds a module that shows how many days before a certain date. View the demo in the upper right.

1) Go to Admincp - Styles & Templates - Style Manager - Add a new template called "adv_portal_countdown".
Insert this code into the template:

<table align="center" border="0" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" class="tborder" width="100%">
	<tr>
		<td class="tcat"><span class="smallfont"><b>$vboptions[blockbullet] Countdown</b></span></td>
	</tr>
	<tr>
		<td class="alt2">
			<script type="text/javascript" language="javascript">
				var today=new Date()
				var theoccasion=new Date(today.getFullYear(), 08, 06)
				//Customize text to show before and on occasion. Follow grammer below:
				var beforeOccasionText="left until the 20 year reunion"
				var onOccasiontext="How come you're reading this and not at the reunion?"
				var monthtext=new Array("Jan","Feb","Mar","April","May","June","July","Aug","Sep","Oct","Nov","Dec")
				theoccasion.setMonth(theoccasion.getMonth()-1) //change to 0-11 month format
				var showdate="("+monthtext[theoccasion.getMonth()]+" "+theoccasion.getDate()+")" //show date of occasion
				var one_day=1000*60*60*24
				var calculatediff=""

				calculatediff=Math.ceil((theoccasion.getTime()-today.getTime())/(one_day))
				if (calculatediff<0){ //if bday already passed
					var nextyeartoday=new Date()
					nextyeartoday.setFullYear(today.getFullYear()+1)
					calculatediff=Math.ceil((nextyeartoday.getTime()-today.getTime())/(one_day)+calculatediff)
				}

				//Display message accordingly
				var pluraldayornot=(calculatediff==1)? "day" : "days"
				if (calculatediff>0)
					document.write("<span style=\"color: #ff0000; font-weight: bold;\">"+calculatediff+"</span> "+pluraldayornot+" "+beforeOccasionText+"!")
				else if (calculatediff==0)
					document.write(onOccasiontext+" "+showdate+"!")
			</script>
		</td>
	</tr>
</table>
<br />

Update the line that reads
var theoccasion=new Date(today.getFullYear(), 08, 06)
to suite your desired date, etc.
Save the template!

2) Still in your Admincp - vBa CMPS - Add Module

- Module Title - Countdown
- Module Identifier - Leave blank
- OR Template to Include - countdown
- Activate and select the column you want it in.
- Save and you are done.

[Intex]

58Sniper - thx for that. Will probably use it.

[lee wilde]

Thanks for that - sweet!

[Socket]

Cheers 58sniper

[Kengan]

nice mod !! thanks !

[poseidon]

the line we update, not exactly sure how to change it to what I want. Can you explain what changes when you change stuff in that line?

Also, does this count itself down of do you have to change it yourself every day?

[58sniper]

Originally Posted by poseidon

the line we update, not exactly sure how to change it to what I want. Can you explain what changes when you change stuff in that line?

Also, does this count itself down of do you have to change it yourself every day?

It counts down automatically.

The line that reads
var theoccasion=new Date(today.getFullYear(), 08, 06)
is the line you need to worry about. The today.getFullYear(), 08, 06 is the date that you're counting down to. In this case, it's 2004, 08, 06 (or for us US folks, August 6th, 2004). You can change the today.getFullYear() to, say, 2005, and the month and day accordingly.

Does this make sense?

The lines that read
var beforeOccasionText="left until the 20 year reunion"
var onOccasiontext="How come you're reading this and not at the reunion?"

can be edited accordingly to display the correct messages for your date.

[poseidon]

Gotcha, now I got it. I was trying to make it way harder than it was. Nice addition man, thanks

[mholtum]

Ok, I been drining the Everclear and juice. Wish me luck I am going in..

[kanyewest69]

i cant see whats in quote i need this modules extremly bad please help

[Frankenberrie]

Likewise... wheres the module?

[oly51]

I use Noppid's vB Countdown hack. Works great. Easy to set up and change.

http://www.vbulletin.org/forum/showt...threadid=75431

Here's a screen cap of Noppids.

[axi]

is it possible to make it read vice versa, ie; 5th MARCH 2005, instead of March 5th etc.

[KW802]

Axi,

Are you taking about this module or Noppid's hack on VB.org?

[axi]

this module :-)

[Mike54]

I installed this earlier today and really like how easy it was to set up. I did notice just one very small thing about it (after staring at it a dozen times...) and it was an easy fix. Here was your orginal code -

<td class="tcat"><span class="smallfont"><b>$vboptions[blockbullet] Countdown</b></span></td>

After comparing that line to some other mods, I made a couple of slight additions to that -

<td class="tcat"><span class="smallfont"><b>$vba_options[portal_blockbullet] Countdown</b></span></td>

And that got the bullets inserted, to match the other modules.

Nice module and simple enough for a newb like myself to get working.

[ConqSoft]

Here's alternate code, for a realtime countdown, that I use on my site.

You can see it on www.fireblades.org on the right.

(Attaching it, so that the code doesn't break.)

[trulylowcarb]

thanks for this, great idea!

[BioVader]

Can't seem to get the Java one to work right..

[mholtum]

they work great!