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.

[sdphotoforum]

Very nice! Thanks.

- Marshall

[Gizmo5h1t3]

date before the month is this, not as shown above....

<!-- 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("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= date + "-" + months[month] + "-" + year + " " + days[day] + " " + h + ":" + m + ":" + s + " " + am_pm;
setTimeout("refrClock()",1000);
}
refrClock();
</script>
<!-- / clock hack -->

[deezelpope]

Damn, that was easy and fast!!! Beautiful!! Thank you very much!!:up:

[Kadi]

Originally Posted by daPLAYBOY

Cheers, Aclikyano, for sharing this great revised code...this is what it looks like:

Thursday | October 12, 2006 | 6:33:51 P.M.

Thanks also to, Superfly, for sharing, too!

Br.

Thanks guys...Superfly, Aclikyano, daPLAYBOY...finally changed it to Arabic and here it is if anybody should need it.

<!-- 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("الأحد","الإثنين","الثلاثاء","الأربعاء","الخ ميس","الجمعة","السبت");
var months=new Array("يناير","فبراير","مارس","أبريل","مايو","يوني و","يوليو","أغسطس","سبتمبر","أكتوبر","نوفمبر","ديس مبر");
var am_pm;
if (s<10) {s="0" + s}
if (m<10) {m="0" + m}
if (h<10) {h="0" + h}
if (h>12) {h-=12;am_pm = "مساءً"}
else {am_pm = "صباحاً"}
document.getElementById("clock").innerHTML=days[day] + " | " + months[month] + " " + date + ", " + year + " | " + h + ":" + m + ":" + s + " " + am_pm;
setTimeout("refrClock()",1000);
}
refrClock();
</script>
<!-- / clock hack -->

[K D Umbaugh]

works great I just made a minor changes, inserted title and made bold.

if you would like to see Neighborhood Round Table

[SuperTaz]

Very nice...Installed.

[lgnd]

Thank You! Very useful!

[jderouen]

Very nice. Installed. Just one question - is it possible to make it use the time zone from whatever the user selects in the UserCP?

[jderouen]

Hmm. It seems to be working fine, except that, at 46 minutes after midnight, the time reads 00:46:21. What's up with that, and how do I fix it?

Thanks!
Joe

[CMGU]

thanks very nice