Clock Dash 8 time zones. Uses JavaScript and DHTML to display an elegant clock dashboard with eight time zones.Looks good in the footer of a web page. Tested in IE5.5, IE6.0, Netscape7.02, Netscape8.0, Opera8.0 and Firefox1.0.4

T his is a very new and unique way of displaying different times zones on your pages. This script uses JavaScript and DHTML to display an elegant clock dashboard with eight time zones. It works off the clock on your computer with all the time zones that you can reconfigure to which ever ones you want.

W e have tested the code in IE5.5, IE6.0, Firefox1.0.4, Opera8.0 and Netscape7.02 and Netscape8.0. This script worked in all platforms tested with the exception of Netscape7.02 where this effect will not be visible. Where the effect should be will be a space in the page. It degrades well and you will not get any error messages.

D epending on your knowledge of HTML and java scripts, this is an easy three part code.

1.    Copy the coding into the <HEAD> section of your HTML document
2.    Add the onLoad event handler into the <BODY> tag
3.    Put the last coding into the <BODY> section of your HTML document.

T he reconfigurations are really minimal and include if you so choose to change the GMT time zones and font colors. We highly recommend not to change the time zones unless you can fully understand script and the time zone reconfigurations.
[ GMT Time Configurations ]

T he below is where you would change the GMT time zone configurations and font colors of each clock. This is done within the <HEAD> section of your document.

             // www.timeanddate.com/worldclock

         var ct = new Array(

      new tzone('SFO: ', -8, 1, 'lime'),
      new tzone('TYO: ', +9, 0, 'violet'),
      new tzone('HKG: ', +8, 0, 'cyan'),
      new tzone('BKK: ', +7, 0, 'yellow'),
      new tzone('NYC: ', -5, 1, '#FFAA00'),
      new tzone('LON: ', 0, 1, 'silver'),
      new tzone('SVO: ', +3, 0, 'pink'),
      new tzone('KTM: ', +5.75, 0, 'red')

B elow is where you would change the color of the table and the font styles that all the clocks sit in. The border is defined as 0. If you want a border around the tables, just change it to a higher number than 0. This is done within the <BODY> section of your document.

T here are two exact tables just like the above example. You must change both unless you want it to be of varied colors within the table.

D on't forget to add the onLoad event handler into the <BODY> tag. If you don't know how to do this, see the below example.

Y ou can also add the clock into a Frameset and have it always either at the top of your page or at the bottom of the page. follow the below link to see how we have added it into a frameset that sits on top of the page.
[ Clock In Frameset ]

I f you would like to add this effect to your pages, just grab the below link and you are there. If you have any problems with this, feel free to contact us.
[ Get Code Here ]

Search Our Site By Individual letter

[ A ] [ B ] [ C ] [ D ] [ E ] [ F ] [ G ] [ H ] [ I ] [ J-K ] [ L ]
[ M ] [ N-O ] [ P-Q ] [ R ] [ S ] [ T ] [ U-V ] [ W ] [ X-Y-Z ]

Little Tips Directory

[ Page 1 ] [ Page 2 ] [ Page 3 ] [ Page 4 ] [ Page 5 ] [ Page 6 ] [ Page 7 ]

[ Index Page 1 ] [ Index Page 2 ] [ Index Page 3 ] [ Index Page 4 ] [ Index Page 5 ]
[ Index Page 6 ] [ Index Page 7 ] [ Index Page 8 ] [ Index Page 9 ] [ Index Page 10 ]
[ Index Page 11 ] [ Index Page 12 ] [ Index Page 13 ]

[ News Letter Archives ] [ Navigation Page ] [ Archives Of Published Material ]
[ Link To Us ] [ Alphabet Index ] [ Feedback ] [ On Line Support ] [ FAQ ]
[ Webmaster Utilities ] [ Casino ] [ Banner Exchange ] [ Advanced Site Search ]

If you are part of the ever growing number of webmasters who enjoy sharing your knowledge with others on web design, join The Consigliere Ltd. web ring to broaden your scope of exposure.
Join Today

This Site Was Built And Is Maintained Exclusively by
The Webmaster @ Consigliere Ltd.