// Standard eon JavaScript functions for tenant applications // Designed for DOM-compatible browsers // BROWSER SNIFFERS: // Use them like so: // if (platformtype() == "win")... // if (browsertype() == "ie")... // if (browserlevel() != "dom")... function platformtype() // Windows, Mac, or other { if ( (navigator.platform.indexOf("32") != -1) || (navigator.platform.indexOf("Win") != -1) ) { return "win"; } else if ( (navigator.platform.indexOf("PPC") != -1) || (navigator.platform.indexOf("Mac") != -1) ) { return "mac"; } else { return ("other"); } } platformType = platformtype; function browsertype() // IE, Netscape, or other { var browser = navigator.appName; if (browser.indexOf("Microsoft") != -1) { return ("ie"); } else if (browser.indexOf("Netscape") != -1) { return ("ns"); } else { return ("other"); } } browserType = browsertype; function browserlevel() // DOM-compatible (like IE5+ and NS6+), IE4 level (sort of DOM-compatible), NS4 level (weird buggy), or older { if (document.getElementById) { return ("dom"); } else if (document.all) { return ("ie4"); } else if (document.layers) { return ("ns4"); } else { return ("old"); } } browserLevel = browserlevel; function browservalidate() { if (browserlevel()!="dom") { var msg = "Your browser is not DOM-compatible; it probably needs to be updated. Please install a DOM-compatible browser such as Internet Explorer 5 or later (www.microsoft.com) or Netscape Navigator 6 or later (www.netscape.com)." alert(msg); } else return false; } // PRELOAD IMAGES // Usage: // function preloadimages() { if (!document.imageArray) { document.imageArray = new Array(); } var i; var j = document.imageArray.length; var a = preloadImages.arguments; for(i=0; i < a.length; i++) { document.imageArray[j] = new Image; document.imageArray[j].src = a[i]; j++; } } preloadImages = preloadimages; // IMAGE SWAP WITH STICKY IMAGES // // Usage: //

// // If you only want one image to stick at a time, call unStickAll first on mouse down: // ... onMouseDown="unstickall(); imgstick('myImage', 'myImage_down.gif')" ... // // If you want to stick an image onLoad, do: // onLoad="imgstick('myImage', 'myImage_down.gif')" function imgover(imgName, overImgSrc) { if (document.images[imgName]) { var m = document.images[imgName]; if (!m.stuck) { m.original = m.src; m.src = overImgSrc; m.over = m.src; } } } imgOver = imgover; function imgout(imgName) { if (document.images[imgName]) { var m = document.images[imgName]; if (!m.stuck) { m.src = m.original; } } } imgOut = imgout; function imgstick(imgName, downImgSrc) { if (document.images[imgName]) { var m = document.images[imgName]; if (!m.stuck) { if (!m.over) // in case stick happens without a mouseover { m.original = m.src; m.over = m.src; } m.src = downImgSrc; m.stuck = true; } else { m.src = m.over; m.stuck = false; } } } imgStick = imgstick; function unstickall() { for (var i=0; i < document.images.length; i++) { if (document.images[i]) { var m = document.images[i]; if (m.original) { m.src = m.original; } m.stuck = false; } } } unStickAll = unstickall; // ROW HIGHLIGHTER // Be careful about setting row colors in CSS! Can stop this function from working. // // Usage: // // // Default highlight colors are below. To override colors for a particular page, set these variables in your HTML page below the functions.js include. var colorHighlighted = "#eeeeee"; var colorSelected = "#cccccc"; var highlightedItem = "undefined"; var selectedItem = "undefined"; function highlight(item) { if (typeof(item)!="object") item = document.getElementById(item); if (item != selectedItem) { item.style.backgroundColor = colorHighlighted; highlightedItem = item; } } function unhighlight(item) { if (typeof(item)!="object") item = document.getElementById(item); if (item != selectedItem) { highlightedItem.style.backgroundColor = ""; } } unHighlight = unhighlight; function makeselected(item) { if (typeof(item)!="object") item = document.getElementById(item); if (selectedItem != "undefined") { selectedItem.style.backgroundColor = ""; } item.style.backgroundColor = colorSelected; selectedItem = item; } makeSelected = makeselected; // TAB SELECTION function deselectsiblingtabs(el) { var divs = el.parentNode.getElementsByTagName('DIV'); for (var i=0; i elements don't overlap in IE function overlap(a, b) { var combinedWidth = a.offsetWidth + b.offsetWidth; var shrinkwrapWidth = Math.max(getRealLeft(a)+a.offsetWidth, getRealLeft(b)+b.offsetWidth) - Math.min(getRealLeft(a), getRealLeft(b)); var combinedHeight = a.offsetHeight + b.offsetHeight; var shrinkwrapHeight = Math.max(getRealTop(a)+a.offsetHeight, getRealTop(b)+b.offsetHeight) - Math.min(getRealTop(a), getRealTop(b)); if (shrinkwrapWidth < combinedWidth && shrinkwrapHeight < combinedHeight) { return true; } else return false; } function showinterferers(el) { if (!document.all) return false; if (el.tagName=='SELECT') return false; var interferers = document.getElementsByTagName('SELECT'); for (var i=0; i function jumptofield(from,to,len) { if(from.value.length>=len) { to.focus(); } } // HELP HINTS function placehint(obj, referenceObj) { document.getElementById(obj).style.left = getRealLeft(referenceObj) + referenceObj.offsetWidth + "px"; document.getElementById(obj).style.top = getRealTop(referenceObj) + "px"; /* var inWid = 0; if (self.innerWidth) inWid = self.innerWidth; else if (document.body) inWid = document.body.clientWidth; // "200" should really be: document.getElementById(hintObj).offsetWidth if (parseInt(document.getElementById(hintObj).style.left) + 200 > inWid) { document.getElementById(hintObj).style.left = inWid - 200; document.getElementById(hintObj).style.top = (getRealTop(focusedField) + focusedField.offsetHeight) + "px"; } */ } placeHint = placehint; function showhint(obj) { //if (document.getElementById("toggleHints").checked) { show(obj); } } showHint = showhint; function hidehint(obj) { hide(obj); } hideHint = hidehint; function grayout() { for (var i=0; i