// WebMail: Menus - by Jotham Ritorze var menuActive = true; var seperator = '_'; //used as a seperator in the menu path (ensure that its unique) var onMenu=true; //flag used to ignore body onClick when on menu (toggled on by menuOn(); and toggled back off by ) var dropdownmenuActive =true; //dropdown Menu active flag var currentMenu =''; //currently active Menu //***************************** // Helper Functions //***************************** function positionToMarker(target, marker, offsetLeft, offsetTop) { //positions layer (div) in relation to a marker element plus offsets marker=document.getElementById(marker); target=document.getElementById(target); while (marker.offsetParent) { //add all parent offsets together to give total offset offsetLeft+=marker.offsetLeft; offsetTop+=marker.offsetTop; marker=marker.offsetParent; } if (offsetLeft+target.offsetWidth > document.body.offsetWidth) offsetLeft= document.body.offsetWidth - target.offsetWidth; target.style.top=offsetTop+'px'; target.style.left=offsetLeft+'px'; target.style.visibility='visible'; target.style.zIndex=20; } //******************** // Creation Code //******************** function generateMenus() { for (var i=0; i\n'; if (path!='') path+=seperator; for (var i=0; i'+itemName+''; itemAction="document.location='"+itemAction+"';"; } if (typeof(menuItem[i][2])=='object') { menuCode += ' \n'; generateMenu(menuItem[i][2],path+i,itemName); } else if (itemName=='<>') menuCode += '\n'; else menuCode += ' \n'; } document.write(menuCode + '
\n\n'); /* for (var i=0; i'."\n"; $menuCode .= ' '; $path.=$seperator; for ($i=0; $i'."\n"; } else if ($itemName=='<>') $menuCode .= ''; else { $menuCode .= ' '."\n"; } } echo($menuCode . '
'.$alt.'
'.$itemName.'click to expand
'."\n\n"); for ($i=0; $i'+document.forms[j].elements[k].outerHTML+''; document.forms[j].elements[k].parentNode.style.cssText=(formvisibility=='hidden')? 'background-color:#eeeeee;' : ''; } } } } } } var timerId; function menuOff() { timerId = setTimeout("changeMenu('"+currentMenu+"','hidden')",200); } //turn off current menu path function menuOn(menu, x, y) { if (menuActive==false) return; if (document.getElementById('menu'+menu)) positionToMarker('menu'+menu, menu, x, y); if (currentMenu!='') changeMenu(currentMenu, 'hidden'); //turn off current menu path changeMenu(menu, 'visible'); //turn on new menu path currentMenu = menu; //set new menu as current } /* function clearMenu() { if (onMenu==true) { onMenu=false; return; } //click occured on selectMenu call so don't turn menu off; menuActive = false; changeMenu(currentMenu, 'hidden'); //turn menu off; currentMenu=''; //no current menu; dropdownmenuActive = false; //turn tabMenu Active flag off; removeEvent('click', clearMenu, false); } */ function selectMenu(menu) { onMenu=true; //check by clearMenu() if (menu) { document.getElementById('menu'+menu).style.backgroundColor='#cccccc'; setTimeout("document.getElementById('menu"+menu+"').style.backgroundColor='#eeeeee'",100); setTimeout("document.getElementById('menu"+menu+"').style.backgroundColor='#cccccc'",200); setTimeout("document.getElementById('menu"+menu+"').style.backgroundColor='#eeeeee'",300); } } /* function startMenu(menu) { menuActive=true; dropdownmenuActive=true; menuOn(menu,0,24); removeEvent('click', clearMenu, false); setTimeout("addEvent('click', clearMenu, false)",0); } function contextMenu(menu) { menuActive=true; if (window.event.button!=2) return; dropdownmenuActive = false; var x=y=0; if (document.getElementById('menu'+menu).offsetHeight+window.event.clientY>=window.document.body.offsetHeight) { y = 3 - document.getElementById('menu'+menu).offsetHeight; x=-3 }; positionToCursor('menu'+menu, x, y); if (currentMenu!='') changeMenu(currentMenu, 'hidden'); //turn off current menu path changeMenu(menu, 'visible'); //turn on new menu path currentMenu = menu; removeEvent('click', clearMenu, false); setTimeout("addEvent('click', clearMenu, false)",0); } */