Portal Software - Digital Clock For vBadvanced (Javascript)

Description: This adds a digital clock to your vBadvanced portal page.

Install Time: Less than 2 minutes.

Also can get files here: http://www.ricocheting.com/js/digiclock.html

Installation:

1. Upload the images to your CMPS root individually.

2. Go to your AdminCP, Click on your vBa CMPS drop down menu. From that menu, Click Add Module, then Click on Template. Then follow directions below:

Module Title: Clock
Active: Yes
Teplate to Include: adv_portal_clock
Style: Press and hold Control while you click on each style that you want to show this mod.
Template Content:

<td class="alt1" align="center><table>
<td bgcolor="black" height="45">
<img src="dg8.gif" name="hr1"><img 
src="dg8.gif" name="hr2"><img 
src="dgc.gif" name="c"><img 
src="dg8.gif" name="mn1"><img 
src="dg8.gif" name="mn2"><img 
src="dgc.gif" name="c"><img 
src="dg8.gif" name="se1"><img 
src="dg8.gif" name="se2"><img 
src="dgpm.gif" name="ampm">
</td></table>

<script type="text/javascript"><!-- start
// created: 2000-2004 ricocheting.com
// http://www.ricocheting.com/js/

dg0 = new Image();dg0.src = "dg0.gif";
dg1 = new Image();dg1.src = "dg1.gif";
dg2 = new Image();dg2.src = "dg2.gif";
dg3 = new Image();dg3.src = "dg3.gif";
dg4 = new Image();dg4.src = "dg4.gif";
dg5 = new Image();dg5.src = "dg5.gif";
dg6 = new Image();dg6.src = "dg6.gif";
dg7 = new Image();dg7.src = "dg7.gif";
dg8 = new Image();dg8.src = "dg8.gif";
dg9 = new Image();dg9.src = "dg9.gif";
dgam= new Image();dgam.src= "dgam.gif";
dgpm= new Image();dgpm.src= "dgpm.gif";
dgc = new Image();dgc.src = "dgc.gif";

function dotime(){ 
theTime=setTimeout('dotime()',1000);
d = new Date();
hr= d.getHours()+100;
mn= d.getMinutes()+100;
se= d.getSeconds()+100;
if(hr==100){hr=112;am_pm='am';}
else if(hr<112){am_pm='am';}
else if(hr==112){am_pm='pm';}
else if(hr>112){am_pm='pm';hr=(hr-12);}
tot=''+hr+mn+se;
document.hr1.src = 'dg'+tot.substring(1,2)+'.gif';
document.hr2.src = 'dg'+tot.substring(2,3)+'.gif';
document.mn1.src = 'dg'+tot.substring(4,5)+'.gif';
document.mn2.src = 'dg'+tot.substring(5,6)+'.gif';
document.se1.src = 'dg'+tot.substring(7,8)+'.gif';
document.se2.src = 'dg'+tot.substring(8,9)+'.gif';
document.ampm.src= 'dg'+am_pm+'.gif';}
dotime();
//end -->
</script>
</td>

For the 24 hour mode, use this script:

<td class="alt1" align="center><table>
<td bgcolor="black" height=45>
<img src="dg8.gif" name="hr1"><img 
src="dg8.gif" name="hr2"><img 
src="dgc.gif" name="c"><img 
src="dg8.gif" name="mn1"><img 
src="dg8.gif" name="mn2"><img 
src="dgc.gif" name="c"><img 
src="dg8.gif" name="se1"><img 
src="dg8.gif" name="se2">
</td></table>
 
<script language="javascript"><!-- start
// (c) 2000-2004 ricocheting
// http://www.ricocheting.com/js/
 
dg0 = new Image();dg0.src = "dg0.gif";
dg1 = new Image();dg1.src = "dg1.gif";
dg2 = new Image();dg2.src = "dg2.gif";
dg3 = new Image();dg3.src = "dg3.gif";
dg4 = new Image();dg4.src = "dg4.gif";
dg5 = new Image();dg5.src = "dg5.gif";
dg6 = new Image();dg6.src = "dg6.gif";
dg7 = new Image();dg7.src = "dg7.gif";
dg8 = new Image();dg8.src = "dg8.gif";
dg9 = new Image();dg9.src = "dg9.gif";
dgc = new Image();dgc.src = "dgc.gif";
 
function dotime(){ 
theTime=setTimeout('dotime()',1000);
d = new Date();
hr= d.getHours()+100;
mn= d.getMinutes()+100;
se= d.getSeconds()+100;
tot=''+hr+mn+se;
document.hr1.src = 'dg'+tot.substring(1,2)+'.gif';
document.hr2.src = 'dg'+tot.substring(2,3)+'.gif';
document.mn1.src = 'dg'+tot.substring(4,5)+'.gif';
document.mn2.src = 'dg'+tot.substring(5,6)+'.gif';
document.se1.src = 'dg'+tot.substring(7,8)+'.gif';
document.se2.src = 'dg'+tot.substring(8,9)+'.gif';}
dotime();
//end -->
</script>
</td>

The rest of the settings is up to you.

SAVE

Adjust it to show where you want it to on your portal page.

DONE!

LIVE DEMO


If you use this mod, please CLICK INSTALL

[elenh]

thanks dude!

[SuperTaz]

You're Welcome. Make sure to click INSTALL.

[elenh]

Yeah you'r right i forgot it ;D

[macc]

Hello

nice hack - how to get 24 hours? - ( not am or pm )

regards

macc

[SuperTaz]

Originally Posted by macc

Hello

nice hack - how to get 24 hours? - ( not am or pm )

regards

macc

Updated for the 24 hour version as well.

[Emeralda]

The lower part of the script, how should it be change if I'd put the gifs in /images/clock/ for example?

[SuperTaz]

This mod is no longer supported by me as I use the 4.2.x series now. Sorry.