Request

Post by **martin123456** » 09 May 2012, 11:29

Can i request the snippets for the board online time pls in stats section

We have been online for 04 Years 00 Months 12 Days 12 Hours 01 Minutes 27 seconds

there is plenty of info out there about adding such things but none seem to have the live countdown like this one

Post by **Stoker** » 09 May 2012, 15:08

Sure:

Code: Select all

$("#online").countdown({
		date: "{START_DATE}",
		leadingZero: true,
		offset: -1,
		yearsAndMonths: true,
		htmlTemplate: "<span class='cd-online'>We have been online for</span> <strong>%y</strong> <span class=\"cd-online\">Years</span> <strong>%m</strong> <span class=\"cd-online\">Months</span>  <strong>%d</strong> <span class=\"cd-online\">{L_DAYS}</span> <strong>%h</strong> <span class=\"cd-online\">{L_HOURS}</span> <strong>%i</strong> <span class=\"cd-online\">{L_MINUTES}</span> <strong>%s</strong> <span class=\"cd-online\">{L_SECONDS}</span>",
		direction: "up"
	});

and

Code: Select all

<span id="online"></span><br />

Post by **martin123456** » 09 May 2012, 15:37

thank you

it pulls the start date fine but i think you might of forgot to post a language edit ? as it results in

$("#online").countdown({ date: "05 Mar 2012, 16:39:04", leadingZero: true, offset: -1, yearsAndMonths: true, htmlTemplate: "We have been online for %y Years %m Months %d Days %h Hours %i Minutes %s Seconds", direction: "up" });

(on localhost)

Post by **martin123456** » 10 May 2012, 14:06

A

if i may ?

Post by **Stoker** » 10 May 2012, 15:09

Hou have to have the countdpwn mod installed

Post by **martin123456** » 10 May 2012, 16:03

yup the count down mod is installed and i placed the online edit on the index_body.html file

Post by **Stoker** » 10 May 2012, 17:40

The first piece of code needs to be placed within the $(document).ready(function() {

Post by **martin123456** » 10 May 2012, 18:13

Got it cheers now i feel like a real nub

Cool snip only down fall is the counter mod needs to be enabled good job there is a test mode

Change below to fix time zones

Code: Select all

offset: -1,

Post by **Stoker** » 10 May 2012, 18:41

Bl4d3 x wrote:only down fall is the counter mod needs to be enabled

Nope, you can just move the <script src="{ROOT_PATH}script/jquery.jcountdown.min.js" type="text/javascript"></script> a little up just before the enable code.

Post by **martin123456** » 10 May 2012, 18:52

That killed it lol

i also removed all these in testing it

Code: Select all

<script src="{ROOT_PATH}script/jquery.min.js" type="text/javascript"></script>
<script src="{ROOT_PATH}script/jquery.jcountdown.min.js" type="text/javascript"></script>
<script src="{ROOT_PATH}script/jquery.cookie.js" type="text/javascript"></script>
<script src="{ROOT_PATH}script/jquery.totemticker.min.js" type="text/javascript"></script>
<script src="{ROOT_PATH}script/jquery.newsticker.js" type="text/javascript"></script>
<script type="text/javascript" src="{ROOT_PATH}script/collapse/jquery.cookie.js"></script>
<script type="text/javascript" src="{ROOT_PATH}script/collapse/jquery.collapse.js"></script>
<script type="text/javascript" src="{ROOT_PATH}script/charCount.js"></script>
<script type="text/javascript" src="{ROOT_PATH}script/prettySociable/js/jquery.prettySociable.js"></script>
<script type="text/javascript" src="{ROOT_PATH}script/prettyphoto/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="{ROOT_PATH}dl_mod/js/lytebox/lytebox.js"></script>
<script type="text/javascript" src="{ROOT_PATH}dl_mod/js/jquery/jquery.jcarousel.min.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/loading_indicator.js"></script>
<script type="text/javascript" src="{ROOT_PATH}mchat/jquery.titlealert.min.js"></script>
<script type="text/javascript" src="{ROOT_PATH}mchat/jquery_cookie_mini.js"></script>
<script type="text/javascript" src="{ROOT_PATH}mchat/jquery.maxlength.min.js"></script>
<script type="text/javascript" src="{ROOT_PATH}script/scrolltopcontrol.js"></script>

But im now using the latest jquery maybe a should try 1.7