PeopleSoft Tips & Tricks: 05/25/21

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! -->

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

</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>

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

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

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

<!-- 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>

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>

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>

<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.

-->

<!--

// 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

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

</FORM>

</center>

<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

</head><body><center>

<!-- 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>

</body></html>

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

Print Page Button Script

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

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>

<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>

</head>

<body>

<tr>

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

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

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

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

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

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

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

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

</select>

</td>

</tr>

<tr>

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>

</html>

Example-2: World clock with Map

</script>

obj=new Object;

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

obj.TimeZone="GMT0530";

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

obj.wmode="transparent";

showClock(obj);

</script>

PeopleSoft Tips & Tricks

Links to my Older Post

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

PeopleCode to retrieve Google map between two addresses

Report Abuse