STEP ONE: Paste this code into the HEAD of your HTML document
Page loading ... Please wait.
*/ function PageLoader() { // Preload image used in loading message Image1= new Image(32,32) //width,height Image1.src = "#VARIABLES.DirLevel#images/ProcessingWheel.gif" if (document.getElementById) { // DOM3 = IE5, NS6 var DivObj = document.getElementById('PageLoadingMsg'); var DivObj2 = document.getElementById('PageContent'); // Determine if page loading message is already being displayed if(DivObj.style.display != "block") { DivObj.style.display = "block"; DivObj2.style.display = "none"; } else { DivObj.style.display = "none"; DivObj2.style.display = "block"; } } else { if (document.layers) { // Netscape 4 var DivObj = 'document.PageLoadingMsg'; var DivObj2 = 'document.PageContent'; // Determine if page loading message is already being displayed if(DivObj.style.display != "block") { DivObj.style.display = "block"; DivObj2.style.display = "none"; } else { DivObj.style.display = "none"; DivObj2.style.display = "block"; } } else { // IE 4 var DivObj = 'PageLoadingMsg'; var DivObj2 = 'document.PageContent'; // Determine if page loading message is already being displayed if(DivObj.style.display != "block") { DivObj.style.display = "block"; DivObj2.style.display = "none"; } else { DivObj.style.display = "none"; DivObj2.style.display = "block"; } } } } /* LayerMngmnt Function STEP ONE: Paste this code into the HEAD of your HTML document */ // Layer Management: Make layer visible or hidden function LayerMngmnt(LayerName,VisibiltyStatus) { if (document.getElementById) // DOM3 = IE5, NS6 { document.getElementById(LayerName).style.visibility = VisibiltyStatus; } else { if (document.layers) // Netscape 4 { document.LayerName.visibility = VisibiltyStatus; } else // IE 4 { document.all.LayerName.style.visibility = VisibiltyStatus; } } } // Expand or Contract Objects function ExpandContract(obj) { // Display/Hide Object var el = document.getElementById(obj); if(el.style.display != "block") { el.style.display = "block"; } else { el.style.display = "none"; } } // Expand or Contract Objects - Plus/Minus Sign function ExpandContractObjectPlusMinus(obj,SwapImage,LrgSml) { // Display/Hide Object var el = document.getElementById(obj); if (LrgSml == 'Lrg') { var ReplaceImg_Plus = '/images/PlusSign.gif'; var ReplaceImg_Minus = '/images/MinusSign.gif'; } else { var ReplaceImg_Plus = '/images/PlusSign_Small.gif'; var ReplaceImg_Minus = '/images/MinusSign_Small.gif'; } if(el.style.display != "block") { el.style.display = "block"; MM_swapImage(SwapImage,'',ReplaceImg_Minus,1); } else { el.style.display = "none"; MM_swapImage(SwapImage,'',ReplaceImg_Plus,1); } } // Minimize Browser Window function Minimize() { window.innerWidth = 100; window.innerHeight = 100; window.screenX = screen.width; window.screenY = screen.height; alwaysLowered = true; } // Maximize Browser Window function Maximize() { window.innerWidth = screen.width; window.innerHeight = screen.height; window.screenX = 0; window.screenY = 0; alwaysLowered = false; } // Close Parent Window /* Sample Usage: */ function closeParent(){ try{ var q = queryString("CloseParent"); if( q=="Yes" ){ var op = window.opener; op.opener = self; op.close(); } } catch(er) {} } function PageQuery(q) { if(q.length > 1) this.q = q.substring(1, q.length); else this.q = null; this.keyValuePairs = new Array(); if(q) { for(var i=0; i < this.q.split("&").length; i++) { this.keyValuePairs[i] = this.q.split("&")[i]; } } this.getKeyValuePairs = function() { return this.keyValuePairs; } this.getValue = function(s) { for(var j=0; j < this.keyValuePairs.length; j++) { if(this.keyValuePairs[j].split("=")[0] == s) return this.keyValuePairs[j].split("=")[1]; } return false; } this.getParameters = function() { var a = new Array(this.getLength()); for(var j=0; j < this.keyValuePairs.length; j++) { a[j] = this.keyValuePairs[j].split("=")[0]; } return a; } this.getLength = function() { return this.keyValuePairs.length; } } function queryString(key){ var page = new PageQuery(window.location.search); return unescape(page.getValue(key)); } // Opens Custom Pop-Up Window in Center of User's Screen /* To implement this JavaScript, simply cut/paste the following code into your form and enter the desired values for the stated variables Text or Image Link */ function NewWindow(url,windowname,w,h,scroll,resizable,location,status,menubar,toolbar){ var winl = (screen.width-w)/2; var wint = (screen.height-h)/2; var settings ='height='+h+','; settings +='width='+w+','; settings +='top='+wint+','; settings +='left='+winl+','; settings +='scrollbars='+scroll+','; settings +='resizable='+resizable+','; settings +='location='+location+','; settings +='status='+status+','; settings +='menubar='+menubar+','; settings +='toolbar='+toolbar+','; win=window.open(url,windowname,settings); if(parseInt(navigator.appVersion) >= 4){win.window.focus();} } // Submit Form Data to Pop-Up /* Add the following to your
tag: ONSUBMIT="SubmitToPopUp(this, 'width=300,height=300,resizable=1,scrollbars=1'); return true;" target="PopUp" */ function SubmitToPopUp(FormName,PopUpProperties,PopUpName) { if (!PopUpName) PopUpName = 'formTarget' + (new Date().getTime()); FormName.target = PopUpName; open ('', PopUpName, PopUpProperties); } //Update Parent Window and Close Pop-up Window /* Sample Usage: onClick="return UpdateParentClosePopup('Enter Redirect URL Here');" */ function UpdateParentClosePopup(RedirectURL) { opener.location.href=RedirectURL; close(); } // Confirms User Action /* Sample Usage: onClick="return ConfirmAction('Enter Confirmation Text Here');" */ function ConfirmAction(ConfirmationTxt) { if (confirm(ConfirmationTxt)) {return true;} else return false; } // Alerts User /* Sample Usage: onClick="return Alert('Enter Alert Text Here');" */ function Alert(AlertTxt) { alert(AlertTxt) } // Display Current Date (User's System Date) function DisplayDate() { months = new Array('January','February','March','April','May','June','July','August','September','October','November','December'); now = new Date(); year = now.getYear(); if(year < 100) { year = year + 2000; } else { if(year >= 100 && year < 2000) { year = year + 1900; } } document.write(months[now.getMonth()] + " " + now.getDate() + ", " + year); } //Prevents user from leaving pop-up in background and not being able to use the link window.focus(); //Preload Images function MM_prePageLoader() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&iHelp? Help window w/o form input: Help? ::: Example Usage ::: Help window w/form input: Help? Help window w/o form input: Help? */ // Opens custom help window with form input built-in function HelpInput(FieldName,FieldLocation,HelpMsg,InputType,Size,w,h,scroll,resizable,location,status,menubar,toolbar){ var winl = (screen.width-w)/2; var wint = (screen.height-h)/2; var settings ='height='+h+','; settings +='width='+w+','; settings +='top='+wint+','; settings +='left='+winl+','; settings +='scrollbars='+scroll+','; settings +='resizable='+resizable+','; settings +='location='+location+','; settings +='status='+status+','; settings +='menubar='+menubar+','; settings +='toolbar='+toolbar+','; newwin = window.open('','FieldName',settings); if (!newwin.opener) newwin.opener = self; with (newwin.document) { open(); write(''+FieldName+''); write('
'+FieldName+'
' + HelpMsg + '
'); write('

You may enter your ' + FieldName + ' here and it will be copied into the form for you.'); write('

' + FieldName + ':
'); write('

'); write('

'); close(); } } // Opens custom help window without form input function HelpNoInput(FieldName,HelpMsg,w,h,scroll,resizable,location,status,menubar,toolbar){ var winl = (screen.width-w)/2; var wint = (screen.height-h)/2; var settings ='height='+h+','; settings +='width='+w+','; settings +='top='+wint+','; settings +='left='+winl+','; settings +='scrollbars='+scroll+','; settings +='resizable='+resizable+','; settings +='location='+location+','; settings +='status='+status+','; settings +='menubar='+menubar+','; settings +='toolbar='+toolbar+','; newwin = window.open('','FieldName',settings); if (!newwin.opener) newwin.opener = self; with (newwin.document) { open(); write(''+FieldName+''); write('
'+FieldName+'
' + HelpMsg + '
'); write('

'); write('
'); close(); } } //Prevents "ENTER" Key From Submitting Form /* To implement, place this code in your form that you wish to disable the "ENTER" Key: */ function onKeyPress () { var keycode; if (window.event) keycode = window.event.keyCode; else if (e) keycode = e.which; else return true; if (keycode == 13) { alert("Please click on the appropriate button to submit this form."); return false } return true } // Drop-Down Link Menu /* To use, paste this form into your document:
*/ function formHandler(form){ var URL = document.form.site.options[document.form.site.selectedIndex].value; window.location.href = URL; } // Disables input fields based on user's current input // onClick="document.FormName???.FormField???.disabled=document.FormName???.FormField???.readOnly = !this.checked;" /* PLUGIN DETECTOR This script detects the following: Flash Windows Media Player Java Shockwave RealPlayer QuickTime Acrobat Reader SVG Viewer Example Usage: */ function PluginDetector () { var agt=navigator.userAgent.toLowerCase(); var ie = (agt.indexOf("msie") != -1); var ns = (navigator.appName.indexOf("Netscape") != -1); var win = ((agt.indexOf("win")!=-1) || (agt.indexOf("32bit")!=-1)); var mac = (agt.indexOf("mac")!=-1); if (ie && win) { pluginlist = detectIE("Adobe.SVGCtl","SVG Viewer") + detectIE("SWCtl.SWCtl.1","Shockwave Director") + detectIE("ShockwaveFlash.ShockwaveFlash.1","Shockwave Flash") + detectIE("rmocx.RealPlayer G2 Control.1","RealPlayer") + detectIE("QuickTimeCheckObject.QuickTimeCheck.1","QuickTime") + detectIE("MediaPlayer.MediaPlayer.1","Windows Media Player") + detectIE("PDF.PdfCtrl.5","Acrobat Reader"); } if (ns || !win) { nse = ""; for (var i=0;i\n on error resume next \n result = IsObject(CreateObject("' + ClassID + '"))\n'); if (result) return name+','; else return ''; } function detectNS(ClassID,name) { n = ""; if (nse.indexOf(ClassID) != -1) if (navigator.mimeTypes[ClassID].enabledPlugin != null) n = name+","; return n; } pluginlist += navigator.javaEnabled() ? "Java," : ""; if (pluginlist.length > 0) pluginlist = pluginlist.substring(0,pluginlist.length-1); } // Check for Flash and write browser plugin appropriate code /* Example Usage: */ function FlashCheck(FlashVer,FlashCode,NonFlashCode) { if ((navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.indexOf("Mac") == -1 && navigator.appVersion.indexOf("3.1") == -1) || (navigator.plugins && navigator.plugins["Shockwave Flash"]) || navigator.plugins["Shockwave Flash" + FlashVer]) { // Insert Flash Object Tag document.write(FlashCode); } else { // Insert Image Tag document.write(NonFlashCode); } } // Checks to see if COOKIES are enabled on user's browser /* Example Usage: */ function CookieCheck() { var cookieName = 'testCookie' + (new Date().getTime()); document.cookie = cookieName + '=cookieValue'; var cookiesEnabled = document.cookie.indexOf(cookieName) != -1; if (cookiesEnabled){ alert("Cookies are enabled"); } else{ alert("Cookies are NOT enabled"); //window.location.href="#VARIABLES.DirLevel##VARIABLES.SELF#?FuseAction=CustomErrorDisplay.CookiesDisabled"; } } // Places focus on first form field. Sample Call: function placeFocus() { if (document.forms.length > 0) { var field = document.forms[0]; for (i = 0; i < field.length; i++) { if ((field.elements[i].type == "text") || (field.elements[i].type == "textarea") || (field.elements[i].type.toString().charAt(0) == "s")) { document.forms[0].elements[i].focus(); break; } } } } // Covert to Currency Format function formatCurrency(num) { num = num.toString().replace(/\$|\,/g,''); if(isNaN(num)) num = "0"; sign = (num == (num = Math.abs(num))); num = Math.floor(num*100+0.50000000001); cents = num%100; num = Math.floor(num/100).toString(); if(cents<10) cents = "0" + cents; for (var i = 0; i < Math.floor((num.length-(1+i))/3); i++) num = num.substring(0,num.length-(4*i+3))+','+ num.substring(num.length-(4*i+3)); return (((sign)?'':'-') + '$' + num + '.' + cents); } // Play sound file /* Logout */ ver=parseInt(navigator.appVersion) ie4=(ver>3 && navigator.appName!="Netscape")?1:0 ns4=(ver>3 && navigator.appName=="Netscape")?1:0 ns3=(ver==3 && navigator.appName=="Netscape")?1:0 function playSound(BGSoundID,SRC,EmbedName) { if (ie4) document.all[BGSoundID].src=SRC; if ((ns4||ns3) && navigator.javaEnabled() && navigator.mimeTypes['audio/x-midi'] && self.document.EmbedName.IsReady() ) { self.document.EmbedName.play() } } function stopSound() { if (ie4) document.all[BGSoundID].src=SRC; if ((ns4||ns3) && navigator.javaEnabled() && navigator.mimeTypes['audio/x-midi'] ) { self.document.EmbedName.stop() } } // Play Sound & Redirect function PlaySoundRedirect(BGSoundID,SRC,EmbedName,RedirectURL) { playSound(BGSoundID,SRC,EmbedName); redirTime = "1000"; redirURL = RedirectURL; setTimeout("self.location.href = redirURL;",redirTime); } // Determines if checkbox is checked or unchecked function IsChecked(FormName,CheckBoxName) { var Checked="false"; for (i=0; i ////////////////////////////////////////////////////////////////////////////////////////// ////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////// /* ELEMENT INFO *//////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////// /* elementPos Get position of element EXAMPLE USE: // Get Element Position var ElementPos = elementPos('ElementID'); var ElementPosLeft = ElementPos[0]; var ElementPosTop = ElementPos[1]; */ function elementPos(elementID) {var obj = document.getElementById(elementID); var curleft = 0; var curtop = 0; if (obj.offsetParent) {do {curleft += obj.offsetLeft; curtop += obj.offsetTop;} while (obj = obj.offsetParent);return [curleft,curtop];}} /* elementDimensions Get dimensions of element EXAMPLE USE: // Get Element Dimensions var ElementDimensions = elementDimensions('ElementID'); var ElementWidth = ElementDimensions[0]; var ElementHeight = ElementDimensions[1]; */ function elementDimensions(elementID) { var obj = document.getElementById(elementID); var objWidth = obj.offsetWidth; var objHeight = obj.offsetHeight; return [objWidth,objHeight]; } ////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////// /* GENERAL FUNCTIONS */////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////// // Get Object /* Example Use: getObj("ObjID") */ function getObj(objID){ Obj = document.getElementById(objID); return Obj; } // Generate Unique ID function CreateUUID() { var UUID = new Date; UUID = UUID.getTime(); UUID = encodeURIComponent(UUID); //alert(UUID); return UUID; } ///////////////////////////////////////////////////////////////////////// /* AJAX FUNCTIONS *////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////// // Get/Post Data /* Example Usage: getDataFromServer_Ajax("http://www.myserver.com/mypage.cfm","get","myCallBackFunction"); function myCallBackFunction(Response){ // Change mouse pointer document.body.style.cursor='default'; alert(unescape(Response)); } */ function getDataFromServer_Ajax(PageRequestURL,PageRequestMethod,CallBackFunction) { if(CallBackFunction){ /* Change mouse pointer */ document.body.style.cursor='wait'; } // Set default PageRequest var to false to indicate that the page request has not yet been made var PageRequest = false; // Determine if this is a modern browser if (window.XMLHttpRequest) { // MODERN BROWSER PageRequest = new XMLHttpRequest(); } else if (window.ActiveXObject) { // OLD BROWSER // Determine if IE6 if (window.ActiveXObject) { // IE6 BROWSER try {PageRequest = new ActiveXObject("Microsoft.XMLHTTP");} catch (ErrorInfo) {return false;} } } else { return false; } // Determine if PageRequest variable was set if (PageRequest) { // PAGEREQUEST VAR SET // Make Page Request MakePageRequest(PageRequest,PageRequestURL,PageRequestMethod); // When ready state changes... PageRequest.onreadystatechange = function() { // Determine ReadyState/Status DetermineReadyStateStatus(PageRequest,CallBackFunction); } // Send the request PageRequest.send(null); } else { // PAGEREQUEST VAR NOT SET // Run action(s) when unable to make AJAX call return false; } } ///////////////////////////////////////////////////////////////////////// /* ONLOAD FUNCTIONS */////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////// // AddOnloadFunction /* This script is an encapsulated onload function that doesn't interfere with other window.onload or functions on the same page. The script works in all modern browsers (with javascript enabled). */ function AddOnloadFunction(FunctionName){ //setup onload function if(typeof window.addEventListener != 'undefined') { //.. gecko, safari, konqueror and standard window.addEventListener('load', FunctionName, false); } else if(typeof document.addEventListener != 'undefined') { //.. opera 7 document.addEventListener('load', FunctionName, false); } else if(typeof window.attachEvent != 'undefined') { //.. win/ie window.attachEvent('onload', FunctionName); } //** remove this condition to degrade older browsers else { //.. mac/ie5 and anything else that gets this far //if there's an existing onload function if(typeof window.onload == 'function') { //store it var existing = onload; //add new onload handler window.onload = function() { //call existing onload function existing(); //call generic onload function FunctionName; }; } else { //setup onload function window.onload = FunctionName; } } } // Onload Event Handler /* SAMPLE USAGE: addLoadEvent(nameOfSomeFunctionToRunOnPageLoad); or addLoadEvent(function() {more code to run on page load }); */ function addLoadEvent(func) { var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else { window.onload = function() { if (oldonload) { oldonload(); } func(); } } } ////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////// /* AJAX FUNCTIONS *////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////// // Get/Post Data /* Example Usage: getDataFromServer_Ajax("http://www.myserver.com/mypage.cfm","get","myCallBackFunction"); function myCallBackFunction(Response){ // Change mouse pointer document.body.style.cursor='default'; alert(unescape(Response)); } */ function getDataFromServer_Ajax(PageRequestURL,PageRequestMethod,CallBackFunction) { if(CallBackFunction){ /* Change mouse pointer */ document.body.style.cursor='wait'; } // Set default PageRequest var to false to indicate that the page request has not yet been made var PageRequest = false; // Determine if this is a modern browser if (window.XMLHttpRequest) { // MODERN BROWSER PageRequest = new XMLHttpRequest(); } else if (window.ActiveXObject) { // OLD BROWSER // Determine if IE6 if (window.ActiveXObject) { // IE6 BROWSER try {PageRequest = new ActiveXObject("Microsoft.XMLHTTP");} catch (ErrorInfo) {return false;} } } else { return false; } // Determine if PageRequest variable was set if (PageRequest) { // PAGEREQUEST VAR SET // Make Page Request MakePageRequest(PageRequest,PageRequestURL,PageRequestMethod); // When ready state changes... PageRequest.onreadystatechange = function() { // Determine ReadyState/Status DetermineReadyStateStatus(PageRequest,CallBackFunction); } // Send the request PageRequest.send(null); } else { // PAGEREQUEST VAR NOT SET // Run action(s) when unable to make AJAX call return false; } } // Make Page Request function MakePageRequest(PageRequest,PageRequestURL,PageRequestMethod) { // Set Request Vars /* The first argument to this function can be set to either 'GET' or 'POST'. If you are only pulling additional data from the server, use GET. Otherwise you should always use ‘POST’. The second argument is the URL to the filename of the script you’re using on your own server. The third argument controls whether the request is asynchronous or synchronous. If set to false, the call is made synchronous and the user’s browser will actually lock up until the response is received, which is not what we want. You will almost always leave this as true. */ var URL = PageRequestURL; var Method = PageRequestMethod; // Make request PageRequest.open(Method,URL,true); } // Determine ReadyState/Status function DetermineReadyStateStatus(PageRequest,CallBackFunction){ if (PageRequest.readyState == 4) { if (PageRequest.status == 200) { // Determine the reponse type /* responseText: The response from the server, as a String. responseXML: The response from the server, as a Document Object Model, provided that the response was valid XML. */ var Response; if (PageRequest.ResponseType == 'XML'){ Response = PageRequest.responseXML; } else { Response = PageRequest.responseText; } // Pass Response to Call Back Function try {eval(CallBackFunction + '(Response)');} catch (ErrorInfo) {} } else if (PageRequest.status == 404) { // object.innerHTML = 'Sorry - The requested data was not available.'; // alert('error404'); } else { //object.innerHTML = 'Sorry - there was a problem loading the requested data.'; // alert('error'); } } else return; } //////////////////////////////////////////////////////////////////////////////////////////