JavaScript Example(Fluid/Classic) - Code Reference/Widgets for HTML objects

Instructions: Use this sample code in HTML objects for your any PeopleSoft pages(Classic/Fluid). Embed this code appropriately.

Calculator in Page:-

<!-- Instructions: Just put this script anywhere on your webpage

        Between the body tags and you will have a calculator for your visitors!  -->

<CENTER><FORM name="Keypad" action="">

<TABLE><B><TABLE border=2 width=50 height=60 cellpadding=1 cellspacing=5><TR><TD colspan=3 align=middle><input name="ReadOut" type="Text" size=24 value="0" width=100%>

</TD><TD</TD><TD><input name="btnClear" type="Button" value="  C  " onclick="Clear()"></TD>

<TD><input name="btnClearEntry" type="Button" value="  CE " onclick="ClearEntry()"></TD></TR><TR><TD>

<input name="btnSeven" type="Button" value="  7  " onclick="NumPressed(7)"></TD><TD>

<input name="btnEight" type="Button" value="  8  " onclick="NumPressed(8)"></TD><TD>

<input name="btnNine" type="Button" value="  9  " onclick="NumPressed(9)"></TD><TD></TD><TD>

<input name="btnNeg" type="Button" value=" +/- " onclick="Neg()"></TD><TD><input name="btnPercent" type="Button" value="  % " onclick="Percent()"></TD></TR><TR><TD>

<input name="btnFour" type="Button" value="  4  " onclick="NumPressed(4)"></TD><TD>

<input name="btnFive" type="Button" value="  5  " onclick="NumPressed(5)"></TD><TD>

<input name="btnSix" type="Button" value="  6  " onclick="NumPressed(6)"></TD><TD></TD>

<TD align=middle><input name="btnPlus" type="Button" value="  +  " onclick="Operation('+')"></TD>

<TD align=middle><input name="btnMinus" type="Button" value="   -   " onclick="Operation('-')">

</TD></TR><TR><TD><input name="btnOne" type="Button" value="  1  " onclick="NumPressed(1)">

</TD><TD><input name="btnTwo" type="Button" value="  2  " onclick="NumPressed(2)">

</TD><TD><input name="btnThree" type="Button" value="  3  " onclick="NumPressed(3)">

</TD><TD></TD>

<TD align=middle><input name="btnMultiply" type="Button" value="  *  " onclick="Operation('*')">

</TD>

<TD align=middle><input name="btnDivide" type="Button" value="   /   " onclick="Operation('/')">

</TD></TR><TR><TD>

<input name="btnZero" type="Button" value="  0  " onclick="NumPressed(0)"></TD><TD>

<input name="btnDecimal" type="Button" value="   .  " onclick="Decimal()"></TD><TD colspan=3>

</TD><TD><input name="btnEquals" type="Button" value="  =  " onclick="Operation('=')">

</TD></TR></TABLE></TABLE></B></FORM></CENTER><font face="Verdana, Arial, Helvetica" size=2>

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

var FKeyPad = document.Keypad;

var Accumulate = 0;

var FlagNewNum = false;

var PendingOp = "";

function NumPressed (Num) {

if (FlagNewNum) {

FKeyPad.ReadOut.value  = Num;

FlagNewNum = false;

   }

else {

if (FKeyPad.ReadOut.value == "0")

FKeyPad.ReadOut.value = Num;

else

FKeyPad.ReadOut.value += Num;

   }

}

function Operation (Op) {

var Readout = FKeyPad.ReadOut.value;

if (FlagNewNum && PendingOp != "=");

else

{

FlagNewNum = true;

if ( '+' == PendingOp )

Accumulate += parseFloat(Readout);

else if ( '-' == PendingOp )

Accumulate -= parseFloat(Readout);

else if ( '/' == PendingOp )

Accumulate /= parseFloat(Readout);

else if ( '*' == PendingOp )

Accumulate *= parseFloat(Readout);

else

Accumulate = parseFloat(Readout);

FKeyPad.ReadOut.value = Accumulate;

PendingOp = Op;

   }

}

function Decimal () {

var curReadOut = FKeyPad.ReadOut.value;

if (FlagNewNum) {

curReadOut = "0.";

FlagNewNum = false;

   }

else

{

if (curReadOut.indexOf(".") == -1)

curReadOut += ".";

   }

FKeyPad.ReadOut.value = curReadOut;

}

function ClearEntry () {

FKeyPad.ReadOut.value = "0";

FlagNewNum = true;

}

function Clear () {

Accumulate = 0;

PendingOp = "";

ClearEntry();

}

function Neg () {

FKeyPad.ReadOut.value = parseFloat(FKeyPad.ReadOut.value) * -1;

}

function Percent () {

FKeyPad.ReadOut.value = (parseFloat(FKeyPad.ReadOut.value) / 100) * parseFloat(Accumulate);

}

// End -->

</SCRIPT>

********************************************************

Clock in A page

</SCRIPT>

<SCRIPT language=JavaScript>

fCol='444444'; //face colour.

sCol='FF0000'; //seconds colour.

mCol='444444'; //minutes colour.

hCol='444444'; //hours colour.

Ybase=30; //Clock height.

Xbase=30; //Clock width.

H='...';

H=H.split('');

M='....';

M=M.split('');

S='.....';

S=S.split('');

NS4=(document.layers);

NS6=(document.getElementById&&!document.all);

IE4=(document.all);

Ypos=0;

Xpos=0;

dots=12;

Split=360/dots;

if (NS6){

for (i=1; i < dots+1; i++){

document.write('<div id="n6Digits'+i+'" style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Arial;font-size:10px;color:#'+fCol+';text-align:center;padding-top:10px">'+i+'</div>');

}

for (i=0; i < M.length; i++){

document.write('<div id="Ny'+i+'" style="position:absolute;top:0px;left:0px;width:2px;height:2px;font-size:2px;background:#'+mCol+'"></div>');

}

for (i=0; i < H.length; i++){

document.write('<div id="Nz'+i+'" style="position:absolute;top:0px;left:0px;width:2px;height:2px;font-size:2px;background:#'+hCol+'"></div>');

}

for (i=0; i < S.length; i++){

document.write('<div id="Nx'+i+'" style="position:absolute;top:0px;left:0px;width:2px;height:2px;font-size:2px;background:#'+sCol+'"></div>');

}}

if (NS4){

dgts='1 2 3 4 5 6 7 8 9 10 11 12';

dgts=dgts.split(' ')

for (i=0; i < dots; i++){

document.write('<layer name=nsDigits'+i+' top=0 left=0 height=30 width=30><center><font face=Arial size=1 color='+fCol+'>'+dgts[i]+'</font></center></layer>');

}

for (i=0; i < M.length; i++){

document.write('<layer name=ny'+i+' top=0 left=0 bgcolor='+mCol+' clip="0,0,2,2"></layer>');

}

for (i=0; i < H.length; i++){

document.write('<layer name=nz'+i+' top=0 left=0 bgcolor='+hCol+' clip="0,0,2,2"></layer>');

}

for (i=0; i < S.length; i++){

document.write('<layer name=nx'+i+' top=0 left=0 bgcolor='+sCol+' clip="0,0,2,2"></layer>');

}

}

if (IE4){

document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i=1; i < dots+1; i++){

document.write('<div id="ieDigits" style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Arial;font-size:10px;color:'+fCol+';text-align:center;padding-top:10px">'+i+'</div>');

}

document.write('</div></div>')

document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i=0; i < M.length; i++){

document.write('<div id=y style="position:absolute;width:2px;height:2px;font-size:2px;background:'+mCol+'"></div>');

}

document.write('</div></div>')

document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i=0; i < H.length; i++){

document.write('<div id=z style="position:absolute;width:2px;height:2px;font-size:2px;background:'+hCol+'"></div>');

}

document.write('</div></div>')

document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i=0; i < S.length; i++){

document.write('<div id=x style="position:absolute;width:2px;height:2px;font-size:2px;background:'+sCol+'"></div>');

}

document.write('</div></div>')

}

function clock(){

time = new Date ();

secs = time.getSeconds();

sec = -1.57 + Math.PI * secs/30;

mins = time.getMinutes();

min = -1.57 + Math.PI * mins/30;

hr = time.getHours();

hrs = -1.57 + Math.PI * hr/6 + Math.PI*parseInt(time.getMinutes())/360;

if (NS6){

Ypos=window.pageYOffset+window.innerHeight-Ybase-25;

Xpos=window.pageXOffset+window.innerWidth-Xbase-30;

for (i=1; i < dots+1; i++){

 document.getElementById("n6Digits"+i).style.top=Ypos-15+Ybase*Math.sin(-1.56 +i *Split*Math.PI/180)

 document.getElementById("n6Digits"+i).style.left=Xpos-15+Xbase*Math.cos(-1.56 +i*Split*Math.PI/180)

 }

for (i=0; i < S.length; i++){

 document.getElementById("Nx"+i).style.top=Ypos+i*Ybase/4.1*Math.sin(sec);

 document.getElementById("Nx"+i).style.left=Xpos+i*Xbase/4.1*Math.cos(sec);

 }

for (i=0; i < M.length; i++){

 document.getElementById("Ny"+i).style.top=Ypos+i*Ybase/4.1*Math.sin(min);

 document.getElementById("Ny"+i).style.left=Xpos+i*Xbase/4.1*Math.cos(min);

 }

for (i=0; i < H.length; i++){

 document.getElementById("Nz"+i).style.top=Ypos+i*Ybase/4.1*Math.sin(hrs);

 document.getElementById("Nz"+i).style.left=Xpos+i*Xbase/4.1*Math.cos(hrs);

 }

}

if (NS4){

Ypos=window.pageYOffset+window.innerHeight-Ybase-20;

Xpos=window.pageXOffset+window.innerWidth-Xbase-30;

for (i=0; i < dots; ++i){

 document.layers["nsDigits"+i].top=Ypos-5+Ybase*Math.sin(-1.045 +i*Split*Math.PI/180)

 document.layers["nsDigits"+i].left=Xpos-15+Xbase*Math.cos(-1.045 +i*Split*Math.PI/180)

 }

for (i=0; i < S.length; i++){

 document.layers["nx"+i].top=Ypos+i*Ybase/4.1*Math.sin(sec);

 document.layers["nx"+i].left=Xpos+i*Xbase/4.1*Math.cos(sec);

 }

for (i=0; i < M.length; i++){

 document.layers["ny"+i].top=Ypos+i*Ybase/4.1*Math.sin(min);

 document.layers["ny"+i].left=Xpos+i*Xbase/4.1*Math.cos(min);

 }

for (i=0; i < H.length; i++){

 document.layers["nz"+i].top=Ypos+i*Ybase/4.1*Math.sin(hrs);

 document.layers["nz"+i].left=Xpos+i*Xbase/4.1*Math.cos(hrs);

 }

}

if (IE4){

Ypos=document.body.scrollTop+window.document.body.clientHeight-Ybase-20;

Xpos=document.body.scrollLeft+window.document.body.clientWidth-Xbase-20;

for (i=0; i < dots; ++i){

 ieDigits[i].style.pixelTop=Ypos-15+Ybase*Math.sin(-1.045 +i *Split*Math.PI/180)

 ieDigits[i].style.pixelLeft=Xpos-15+Xbase*Math.cos(-1.045 +i *Split*Math.PI/180)

 }

for (i=0; i < S.length; i++){

 x[i].style.pixelTop =Ypos+i*Ybase/4.1*Math.sin(sec);

 x[i].style.pixelLeft=Xpos+i*Xbase/4.1*Math.cos(sec);

 }

for (i=0; i < M.length; i++){

 y[i].style.pixelTop =Ypos+i*Ybase/4.1*Math.sin(min);

 y[i].style.pixelLeft=Xpos+i*Xbase/4.1*Math.cos(min);

 }

for (i=0; i < H.length; i++){

 z[i].style.pixelTop =Ypos+i*Ybase/4.1*Math.sin(hrs);

 z[i].style.pixelLeft=Xpos+i*Xbase/4.1*Math.cos(hrs);

 }

}

setTimeout('clock()',100); }

clock();

//-->

</SCRIPT>

<SCRIPT language=JavaScript>

fCol='444444'; //face colour.

sCol='FF0000'; //seconds colour.

mCol='444444'; //minutes colour.

hCol='444444'; //hours colour.

Ybase=30; //Clock height.

Xbase=30; //Clock width.

</body>

</html>

<p align="center"><a href="http://www.webloger.5u.com">

<font face="Tahoma" size="2">webloger site</font></a></p>

******************************************************************

Credit Card Logic:-

// The function determines whether a Credit Card number is "valid"

// Please note that a "valid" Credit Card number is not essentially a Credit Card in "Good Standing" 

function isValidCreditCard(number) {

     if (number.indexOf("-")) {

          cc = number.split("-");

          number = "";

          for (var i = 0; i < cc.length; i++) number += cc[i];

     }

     // Another Version of what was performed above using String & Array Methods

     if (number.indexOf(" ")) {

          cc = number.split(" ");

          number = cc.join("");

     }

     // OR using RegExp we can combine the above two

     //  number = number.replace(/-|\s/g, "");

     /**********************************************/

     if (number.length > 19) return (false);

     sum = 0; mul = 1; l = number.length;

     for (i = 0; i < l; i++) {

          digit = number.substring(l - i - 1, l - i);

          tproduct = parseInt(digit, 10) * mul;

          if (tproduct >= 10) sum += (tproduct % 10) + 1;

          else sum += tproduct;

          if (mul == 1) mul++;

          else mul--;

     }

     if ((sum % 10) == 0) return (true);

     else return (false);

}

*********************************************************

<!-- SUMMARY BRIEF

This DHTML script will put a small watermark link in the bottom right corner of your page that will stay there even when the page scrolls. This link will always take the user back to the top of the page.

-->

<!-- Put this portion of the script inside of your <HEAD> tag -->

<script>

<!--

// Change this text to the text that you want to be displayed as the link on your page.

var displayed="<nobr><font size=2 face=Arial><b>[Top]</b></font></nobr>"

// === DO NOT EDIT ANYTHING BELOW THIS LINE!!! === //

var logolink='javascript:window.scrollTo(0,0)'

var ns4=document.layers

var ie4=document.all

var ns6=document.getElementById&&!document.all

function regenerate(){

window.location.reload()

}

function regenerate2(){

if (ns4)

setTimeout("window.onresize=regenerate",400)

}

if (ie4||ns6)

document.write('<span id="logo" style="position:absolute;top:-300;z-index:100">'+displayed+'</span>')

function createtext(){ //function for NS4

staticimage=new Layer(5)

staticimage.left=-300

staticimage.document.write('<a href="'+logolink+'">'+displayed+'</a>')

staticimage.document.close()

staticimage.visibility="show"

regenerate2()

staticitns()

}

function staticit(){ //function for IE4/ NS6

var w2=ns6? pageXOffset+w : document.body.scrollLeft+w

var h2=ns6? pageYOffset+h : document.body.scrollTop+h

crosslogo.style.left=w2

crosslogo.style.top=h2

}

function staticit2(){ //function for NS4

staticimage.left=pageXOffset+window.innerWidth-staticimage.document.width-28

staticimage.top=pageYOffset+window.innerHeight-staticimage.document.height-10

}

function inserttext(){ //function for IE4/ NS6

if (ie4)

crosslogo=document.all.logo

else if (ns6)

crosslogo=document.getElementById("logo")

crosslogo.innerHTML='<a href="'+logolink+'">'+displayed+'</a>'

w=ns6? window.innerWidth-crosslogo.offsetWidth-20 : document.body.clientWidth-crosslogo.offsetWidth-10

h=ns6? window.innerHeight-crosslogo.offsetHeight-15 : document.body.clientHeight-crosslogo.offsetHeight-10

crosslogo.style.left=w

crosslogo.style.top=h

if (ie4)

window.onscroll=staticit

else if (ns6)

startstatic=setInterval("staticit()",100)

}

if (ie4||ns6){

window.onload=inserttext

window.onresize=new Function("window.location.reload()")

}

else if (ns4)

window.onload=createtext

function staticitns(){ //function for NS4

startstatic=setInterval("staticit2()",90)

}

//-->

</script>

**************************************************************

Google Search

<center>

<FORM method=GET action="http://www.google.com/search">

<TABLE bgcolor="#FFFFFF"><tr><td>

<A HREF="http://www.google.com/">

<IMG SRC="http://www.google.com/logos/Logo_40wht.gif" <br></A>

<INPUT TYPE=text name=q size=31 maxlength=255 value="">

<INPUT TYPE=hidden name=hl value="en">

<INPUT type=submit name=btnG VALUE="Google Search">

</td></tr></TABLE>

</FORM>

</center>

<!-- Search Google -->

<font face="Tahoma"><a target="_blank" href="http://www.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font>

**************************************************************

One month Calender

<html><head>

<meta name="GENERATOR" content="Microsoft FrontPage 6.0">

<meta name="ProgId" content="FrontPage.Editor.Document">

</head><body><center>

<script LANGUAGE="JavaScript">

<!-- Begin

monthnames = new Array(

"January",

"Februrary",

"March",

"April",

"May",

"June",

"July",

"August",

"September",

"October",

"November",

"Decemeber");

var linkcount=0;

function addlink(month, day, href) {

var entry = new Array(3);

entry[0] = month;

entry[1] = day;

entry[2] = href;

this[linkcount++] = entry;

}

Array.prototype.addlink = addlink;

linkdays = new Array();

monthdays = new Array(12);

monthdays[0]=31;

monthdays[1]=28;

monthdays[2]=31;

monthdays[3]=30;

monthdays[4]=31;

monthdays[5]=30;

monthdays[6]=31;

monthdays[7]=31;

monthdays[8]=30;

monthdays[9]=31;

monthdays[10]=30;

monthdays[11]=31;

todayDate=new Date();

thisday=todayDate.getDay();

thismonth=todayDate.getMonth();

thisdate=todayDate.getDate();

thisyear=todayDate.getYear();

thisyear = thisyear % 100;

thisyear = ((thisyear < 50) ? (2000 + thisyear) : (1900 + thisyear));

if (((thisyear % 4 == 0) 

&& !(thisyear % 100 == 0))

||(thisyear % 400 == 0)) monthdays[1]++;

startspaces=thisdate;

while (startspaces > 7) startspaces-=7;

startspaces = thisday - startspaces + 1;

if (startspaces < 0) startspaces+=7;

document.write("<table border=2 bgcolor=white ");

document.write("bordercolor=black><font color=black>");

document.write("<tr><td colspan=7><center><strong>" 

+ monthnames[thismonth] + " " + thisyear 

+ "</strong></center></font></td></tr>");

document.write("<tr>");

document.write("<td align=center>Su</td>");

document.write("<td align=center>M</td>");

document.write("<td align=center>Tu</td>");

document.write("<td align=center>W</td>");

document.write("<td align=center>Th</td>");

document.write("<td align=center>F</td>");

document.write("<td align=center>Sa</td>"); 

document.write("</tr>");

document.write("<tr>");

for (s=0;s<startspaces;s++) {

document.write("<td> </td>");

}

count=1;

while (count <= monthdays[thismonth]) {

for (b = startspaces;b<7;b++) {

linktrue=false;

document.write("<td>");

for (c=0;c<linkdays.length;c++) {

if (linkdays[c] != null) {

if ((linkdays[c][0]==thismonth + 1) && (linkdays[c][1]==count)) {

document.write("<a href=\"" + linkdays[c][2] + "\">");

linktrue=true;

      }

   }

}

if (count==thisdate) {

document.write("<font color='FF0000'><strong>");

}

if (count <= monthdays[thismonth]) {

document.write(count);

}

else {

document.write(" ");

}

if (count==thisdate) {

document.write("</strong></font>");

}

if (linktrue)

document.write("</a>");

document.write("</td>");

count++;

}

document.write("</tr>");

document.write("<tr>");

startspaces=0;

}

document.write("</table></p>");

// End -->

</script>

</center>

<!-- Script Size:  2.98 KB  -->

</body></html>

**************************************************************

Print Page Button Script

<SCRIPT LANGUAGE="JavaScript">

if (window.print) {

document.write('<form> '

+ '<input type=button name=print value="Click" '

+ 'onClick="javascript:window.print()"> To Print this page!</form>');

}

// End -->

</script>

**************************************************************

Search Button

<SCRIPT language=JavaScript>

var NS4 = (document.layers);    

var IE4 = (document.all);

var win = window;    

var n   = 0;

function findInPage(str) {

  var txt, i, found;

  if (str == "")

    return false;

  if (NS4) {

    if (!win.find(str))

      while(win.find(str, false, true))

        n++;

    else

      n++;

    if (n == 0)

      alert("Not found.");

  }

  if (IE4) {

    txt = win.document.body.createTextRange();

    for (i = 0; i <= n && (found = txt.findText(str)) != false; i++) {

      txt.moveStart("character", 1);

      txt.moveEnd("textedit");

    }

    if (found) {

      txt.moveStart("character", -1);

      txt.findText(str);

      txt.select();

      txt.scrollIntoView();

      n++;

    }

    else {

      if (n > 0) {

        n = 0;

        findInPage(str);

      }

      else

        alert("Sorry, we couldn't find.Try again");

   }

  }

  return false;

}

</SCRIPT>

<FORM name=search onsubmit="return findInPage(this.string.value);">

<P align=center><FONT size=3>

<INPUT 

style="BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; FONT-SIZE: 8pt; BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid" 

onchange="n = 0;" size=16 name=string></FONT><BR><INPUT style="BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; FONT-SIZE: 8pt; BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: #ffffff 1px solid; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #aaaaaa" type=submit value=Search in page ><center><font size=2pt;><font family=Times New Roman;><b><BR> 

</P></FORM></DIV><BR>

**************************************************************

World Time/Clock

<html>

<head>

<meta http-equiv="Content-Language" content="en-us">

<meta name="GENERATOR" content="Microsoft FrontPage 6.0">

<meta name="ProgId" content="FrontPage.Editor.Document">

<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">

<title>New Page 2</title>

</head>

<body>

<table border="0" width="200" cellspacing="0" cellpadding="3">

<form name="where">

  <tr>

    <td width="100%">

<select name="city" size="1" onchange="updateclock(this);"> 

<option value="" selected>Local time</option>

<option value="0">London GMT</option> 

<option value="1">Rome</option>

<option value="7">Bangkok</option>

<option value="8">Hong Kong</option>

<option value="9">Tokyo</option> 

<option value="10">Sydney</option>

<option value="12">Fiji</option>

<option value="-10">Hawaii</option>

<option value="-8">San Francisco</option> 

<option value="-5">New York</option>

<option value="-3">Buenos Aires</option>

</select>

</td>

  </tr>

  <tr>

    <td width="100%">

<script language="JavaScript">

if (document.all||document.getElementById)

document.write('<span id="worldclock" style="font:bold 16px Arial;"></span><br>')

zone=0;

isitlocal=true;

ampm='';

function updateclock(z){

zone=z.options[z.selectedIndex].value;

isitlocal=(z.options[0].selected)?true:false;

}

function WorldClock(){

now=new Date();

ofst=now.getTimezoneOffset()/60;

secs=now.getSeconds();

sec=-1.57+Math.PI*secs/30;

mins=now.getMinutes();

min=-1.57+Math.PI*mins/30;

hr=(isitlocal)?now.getHours():(now.getHours() + parseInt(ofst)) + parseInt(zone);

hrs=-1.575+Math.PI*hr/6+Math.PI*parseInt(now.getMinutes())/360;

if (hr < 0) hr+=24;

if (hr > 23) hr-=24;

ampm = (hr > 11)?"PM":"AM";

statusampm = ampm.toLowerCase();

hr2 = hr;

if (hr2 == 0) hr2=12;

(hr2 < 13)?hr2:hr2 %= 12;

if (hr2<10) hr2="0"+hr2

var finaltime=hr2+':'+((mins < 10)?"0"+mins:mins)+':'+((secs < 10)?"0"+secs:secs)+' '+statusampm;

if (document.all)

worldclock.innerHTML=finaltime

else if (document.getElementById)

document.getElementById("worldclock").innerHTML=finaltime

else if (document.layers){

document.worldclockns.document.worldclockns2.document.write(finaltime)

document.worldclockns.document.worldclockns2.document.close()

}

setTimeout('WorldClock()',1000);

}

window.onload=WorldClock

//-->

</script>

<!--Place holder for NS4 only-->

<ilayer id="worldclockns" width=100% height=35><layer id="worldclockns2" width=100% height=35 left=0 top=0 style="font:bold 16px Arial;"></layer></ilayer></td></form>  </tr></table></body>

</html>

Example-2: World clock with Map

<script src="http://www.clocklink.com/embed.js">

</script>

<script type="text/javascript" language="JavaScript">

obj=new Object;

obj.clockfile="world001-green.swf";

obj.TimeZone="GMT0530";

obj.width=480;obj.height=250;

obj.wmode="transparent";

showClock(obj);

</script>