Clock and Date in Navbar

In Navbar template

Find

<if condition="$show['pmstats']"><br /><phrase 1="$vbphrase[unread_x_nav_compiled]" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl_q]">$vbphrase[private_messages_nav]</phrase></if>

add after

<!-- clock hack-->
<div id="clock">Loading...</div>
<script type="text/javascript">
function refrClock()
{
var d=new Date();
var s=d.getSeconds();
var m=d.getMinutes();
var h=d.getHours();
var day=d.getDay();
var date=d.getDate();
var month=d.getMonth();
var year=d.getFullYear();
var days=new Array("Sun","Mon","Tue","Wed","Thurs","Fri","Sat");
var months=new Array("1","2","3","4","5","6","7","8","9","10","11","12");
var am_pm;
if (s<10) {s="0" + s}
if (m<10) {m="0" + m}
if (h>12) {h-=12;am_pm = "pm"}
else {am_pm="am"}
if (h<10) {h="0" + h}
document.getElementById("clock").innerHTML=months[month] + "-" + date + "-" + year + " [" + days[day] + "] [" + h + ":" + m + ":" + s + "] " + am_pm;
setTimeout("refrClock()",1000);
}
refrClock();
</script>
<!-- / clock hack -->

Please click install if you use this.

[dolphin678]

added in3.7.3 PL1 - altered to add a <br> between the PM meesages and clock in Navbar:

this is the code in Navbar I added it under

		<else /><if condition="$show['pmstats']">
			<div><phrase 1="$vbphrase[unread_x_nav_compiled]" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl_q]">$vbphrase[private_messages_nav]</phrase></div>
		</if></if>

[dolphin678]

I also fixed the code slightly so that between midnight and 1 am the clock says 12 and between noon and 1pm the clock says PM, also normally at 1:30pm in Western countries we don't write 01:30pm so I removed that bit.:

this is the portion of code I changed from this:

var AM_PM;
if (s<10) {s="0" + s}
if (m<10) {m="0" + m}
if (h>12) {h-=12;AM_PM = "PM"}
else {AM_PM="AM"}
if (h<10) {h="0" + h}

to this:

var AM_PM;
if (s<10) {s="0" + s}
if (m<10) {m="0" + m}
if (h<12) {AM_PM = "AM"}
else {AM_PM="PM"}
if (h<1) {h+=12}
if (h>12) {h-=12}

[nalexandre]

Hello, I?m new here, i can?t find this code in navbar

<if condition="$show['pmstats']"><br /><phrase 1="$vbphrase[unread_x_nav_compiled]" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl_q]">$vbphrase[private_messages_nav]</phrase></if>

Is there any other tip to use?


Thank you

[lgnd]

Working on 3.8.1. too.

[Hawk7173]

How would one make this in a different color and bold?

[Birute]

Originally Posted by Rated

To make it look like this:

Friday July 13, 2007 10:47:23 PM

Use this code:

<!-- clock hack-->
<div id="clock">Loading...</div>
<script type="text/javascript">
function refrClock()
{
var d=new Date();
var s=d.getSeconds();
var m=d.getMinutes();
var h=d.getHours();
var day=d.getDay();
var date=d.getDate();
var month=d.getMonth();
var year=d.getFullYear();
var days=new Array("Sunday","Monday","Tuesday","Wednesday","Thu rsday","Friday","Saturday");
var months=new Array("January","February","March","April","May"," June","July","August","September","October","Novem ber","December");
var AM_PM;
if (s<10) {s="0" + s}
if (m<10) {m="0" + m}
if (h>12) {h-=12;AM_PM = "PM"}
else {AM_PM="AM"}
if (h<10) {h="0" + h}
document.getElementById("clock").innerHTML=days[day] + " " + months[month] + " " + date + "," + " " + year + " " + h + ":" + m + ":" + s + " " + AM_PM;
setTimeout("refrClock()",1000);
}
refrClock();
</script>
<!-- / clock hack -->

That is exactly what I wanted, thank you!

[s-p0k]

ty installed...............