'+img+'

/*Universal parameter validation http://javascript.about.com/library/blvalid02.htm*/ var numb='0123456789'; var lwr='abcdefghijklmnopqrstuvwxyz'; var upr = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'; var emlchars='@.-'; var phonechars='.-()'; var emailPat=/^(.+)@(.+)$/; var space=' '; var apostrophe="'"; var quote='"'; var searchchar='-+'; function isValid(param,val){ if(param==""){ //alert('no params'); return true; }else{ for(i=0;i'); newWindow.document.writeln(''); newWindow.document.writeln(''+img+''); newWindow.document.writeln(''); newWindow.document.writeln(''); newWindow.document.writeln('

'); newWindow.document.writeln('

'+ unescape(caption) +'

'); //newWindow.document.writeln(''); //newWindow.document.writeln('

'+ unescape(caption) +'
'); //newWindow.document.writeln('

'); newWindow.document.writeln(''); } /*=============== # function openpopup # note: Make sure you enclose the popurl string # in single quotes. Escape them with a backslash if you need to # ...like "openpopup(\'theurl.php\',500,400,true); ================*/ function openpopup(popurl, w, h, sizable) { str = 'width='+w+',height='+h; if ( sizable != true ) { str = str + ',scrollbars=no,resizable=no,status=no'; } else { str = str + ',scrollbars=yes,resizable=yes,status=yes'; } window.open(popurl,'',str); } /*==================== # browser detection function # http://www.quirksmode.org/js/detect.html # #=====================*/ var BrowserDetect = { init: function () { this.browser = this.searchString(this.dataBrowser) || "An unknown browser"; this.version = this.searchVersion(navigator.userAgent) || this.searchVersion(navigator.appVersion) || "an unknown version"; this.OS = this.searchString(this.dataOS) || "an unknown OS"; }, searchString: function (data) { for (var i=0;is and turns it into a fully functional DHTML menu. All that is required is the correct use of class names, and the application of some CSS. Use: Please leave this information at the top of this file, and it would be nice if you credited me/dropped me an email to let me know you have used the menu. sam AT hampton-smith.com Doesn't work on three-level drop downs, but works ok on two-levels. Plus, you can change the timing. --------------------------------------------------- Credits: Inspiration/Code borrowed from Dave Lindquist (http://www.gazingus.org) Menu hide functionality was aided by some code I found on http://www.jessett.com/ */ var currentMenu = null; var mytimer = null; var timerOn = false; var opera = window.opera ? true : false; var timeoutID; if (!document.getElementById) document.getElementById = function() { return null; } function initialiseMenu(menu, starter, root) { var leftstarter = false; if (menu == null || starter == null) return; currentMenu = menu; starter.onmouseover = function() { var thenode=this.parentNode.parentNode; clearTimeout(timeoutID); timeoutID=setTimeout("premouse()",300); premouse = function(){ if (currentMenu) { if (thenode.parentNode!=currentMenu) { currentMenu.style.visibility = "hidden"; } if (thenode.parentNode==root) { tempCurrentMenu = currentMenu while (tempCurrentMenu.thenode.parentNode!=root) { tempCurrentMenu.thenode.parentNode.style.visibility = "hidden"; tempCurrentMenu = tempCurrentMenu.parentNode.parentNode; } } currentMenu = null; starter.showMenu(); } } } menu.onmouseover = function() { if (currentMenu) { currentMenu = null; this.showMenu(); } } starter.showMenu = function(){ if (!opera) { if (this.parentNode.parentNode==root) { menu.style.left = this.offsetLeft + "px"; if(BrowserDetect.browser=='Safari'){//this is one case where mac gets a bad display: This fixes Safari skitchiness menu.style.top = this.offsetTop + this.offsetHeight -12 + "px"; }else{ menu.style.top = this.offsetTop + this.offsetHeight + "px"; } } else { menu.style.left = this.offsetLeft + this.offsetWidth + "px"; menu.style.top = this.offsetTop + "px"; } } else { if (this.parentNode.parentNode==root) { menu.style.left = this.offsetLeft + "px"; menu.style.top = this.offsetHeight + "px"; } else { menu.style.left = this.offsetWidth + "px"; // alert(this.offsetTop); menu.style.top = this.offsetTop + "px"; //menu.style.top - menu.style.offsetHeight + "px"; } } menu.style.visibility = "visible"; currentMenu = menu; } starter.onfocus = function() { starter.onmouseover(); } menu.onfocus = function() { // currentMenu.style.visibility="hidden"; } menu.showMenu = function() { menu.style.visibility = "visible"; currentMenu = menu; stopTime(); } menu.hideMenu = function() { if (!timerOn) { //alert(this.id); mytimer = setInterval("killMenu('" + this.id + "', '" + root.id + "');", 10); timerOn = true; for (var x=0;x0) { menuItem = menu.childNodes[x].getElementsByTagName("UL").item(0); menuItem.style.visibility = "hidden"; } } } } } menu.onmouseout = function(event) { this.hideMenu(); } starter.onmouseout = function() { for (var x=0;x0) { menuItem = menu.childNodes[x].getElementsByTagName("UL").item(0); menuItem.style.visibility = "hidden"; } } } menu.style.visibility = "hidden"; clearTimeout(timeoutID); } } function killMenu(menu, root) { var menu = document.getElementById(menu); var root = document.getElementById(root); menu.style.visibility = "hidden"; for (var x=0;x0) { menuItem = menu.childNodes[x].getElementsByTagName("UL").item(0); menuItem.style.visibility = "hidden"; } } } while (menu.parentNode.parentNode!=root) { menu.parentNode.parentNode.style.visibility = "hidden"; menu = menu.parentNode.parentNode; } stopTime(); } function stopTime() { if (mytimer) { clearInterval(mytimer); mytimer = null; timerOn = false; } } window.onload = function() { var root = document.getElementById("menuList"); if(root != null){ getMenus(root, root); } /*================== VERY IMPORTANT!!!! The menu script hijacks the body onload call, so you must either 'drop your load' somewhere else in the page (say a photo or something), or, you can enter it within this function like so...... ====================*/ //Add other body onload functions here! //startrotate(); } function getMenus(elementItem, root) { var selectedItem; var menuStarter; var menuItem; //alert("in getmenus"); //alert(elementItem.childNodes.length); for (var x=0;x0) { //alert("Set up"); menuStarter = elementItem.childNodes[x].getElementsByTagName("A").item(0); menuItem = elementItem.childNodes[x].getElementsByTagName("UL").item(0); getMenus(menuItem, root); initialiseMenu(menuItem, menuStarter, root); } } } //return true; } /*=============================== # Suckerfish drop-down technique # #================================*/ /*sfHover = function() { var sfEls = document.getElementById("nav").getElementsByTagName("LI"); for (var i=0; i # > Text # =========================*/ function radioOn(el){ el.checked=el.cheked ? false:true; return true; } /*From the top 10 javascripts of all time. http://www.dustindiaz.com/top-ten-javascript This one toggles on and off objects. Really nice*/ function toggle(obj) { var el = document.getElementById(obj); if ( el.style.display != 'none' ) { el.style.display = 'none'; } else { el.style.display = ''; } } /*Adds events: Another great one: http://www.dustindiaz.com/top-ten-javascript # Usage: Say you want to add a function to be called on load. # function test(){ # alert('loaded'); # } # Just add it like so: # addEvent(window,'load',test,false); # */ function addEvent(elm, evType, fn, useCapture) { if (elm.addEventListener) { elm.addEventListener(evType, fn, useCapture); return true; } else if (elm.attachEvent) { var r = elm.attachEvent('on' + evType, fn); return r; } else { elm['on' + evType] = fn; } } //closes a pop-up and refreshes the parent function closeNfresh(){ window.opener.location.reload(); window.close(); } //highlights a div...call with onMouseover function highlight(div_in){ var thearea=document.getElementById(div_in); thearea.style.backgroundColor='#FFFFCC'; } function clearHighlight(div_in){ var thearea=document.getElementById(div_in); thearea.style.backgroundColor=''; } /*Use this for checkboxes--lets you check all (or none) of the fields in a form. Usage: HTML
SQL
*/ function checkAll(field){ for (i = 0; i < field.length; i++) field[i].checked = true ; } function uncheckAll(field){ for (i = 0; i < field.length; i++) field[i].checked = false ; } function updateTime(itemid){ var theitem; var mselect; var dselect; var yselect; var hselect; var minselect; var apselect; if(!itemid){ theitem=document.Form1; mselect=theitem.month; dselect=theitem.day; yselect=theitem.year; hselect=theitem.hour; minselect=theitem.minute; apselect=theitem.ampm; mselect=theitem.month; dselect=theitem.day; yselect=theitem.year; hselect=theitem.hour; minselect=theitem.minute; apselect=theitem.ampm; }else{ var amonth='month'+itemid; var aday='day'+itemid; var ayear='year'+itemid; var ahour='hour'+itemid; var aminute='minute'+itemid; var aampm='ampm'+itemid; var ahselect= 'hour'+itemid; var aminselect= 'minute'+itemid; var aapselect= 'ampm'+itemid; mselect=$(amonth); dselect=$(aday); yselect=$(ayear); hselect=$(ahour); minselect=$(aminute); apselect=$(aampm); } var now = new Date(); var thehour = now.getHours(); var theminute= now.getMinutes(); var theyear = now.getFullYear(); var themonth = now.getMonth(); themonth=themonth+1; var theday= now.getDate(); for (var i = 0; i < mselect.length; i++){ if(mselect.options[i].value==themonth){ mselect.options[i].selected=true; }else{ mselect.options[i].selected=false; } } for (i = 0; i < dselect.length; i++){ if(dselect.options[i].value==theday){ dselect.options[i].selected=true; }else{ dselect.options[i].selected=false; } } for (i = 0; i < yselect.length; i++){ if(yselect.options[i].value==theyear){ yselect.options[i].selected=true; }else{ yselect.options[i].selected=false; } } /* time select stuff */ var ap = "AM"; if (thehour > 11) { ap = "PM"; } if (thehour > 12) { thehour = thehour - 12; } if (thehour == 0) { thehour = 12; } for (i = 0; i < hselect.length; i++){ if(hselect.options[i].value==thehour){ hselect.options[i].selected=true; }else{ hselect.options[i].selected=false; } } for (i = 0; i < minselect.length; i++){ if(minselect.options[i].value==theminute){ minselect.options[i].selected=true; }else{ minselect.options[i].selected=false; } } for (i = 0; i < apselect.length; i++){ if(apselect.options[i].value==ap){ apselect.options[i].selected=true; }else{ apselect.options[i].selected=false; } } }