/***************************************************************************** Copyright (c) 2001 Thomas Brattli (webmaster@dhtmlcentral.com) DHTML coolMenus - Get it at coolmenus.dhtmlcentral.com Version 4.0_beta This script can be used freely as long as all copyright messages are intact. Extra info - Coolmenus reference/help - Extra links to help files **** CSS help: http://192.168.1.31/projects/coolmenus/reference.asp?m=37 General: http://coolmenus.dhtmlcentral.com/reference.asp?m=35 Menu properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=47 Level properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=48 Background bar properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=49 Item properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=50 ******************************************************************************/ /***************************************************************************** Copyright (c) 2001 Thomas Brattli (webmaster@dhtmlcentral.com) Coolmenus add-in file for more advanced featuers.. ******************************************************************************/ //Extra code to find position: function findPos(){ if(bw.ns4){ //Netscape 4 x = document.layers.layerMenu.pageX y = document.layers.layerMenu.pageY }else{ //other browsers x=0; y=0; var el,temp el = bw.ie4?document.all["divMenu"]:document.getElementById("divMenu"); if(el.offsetParent){ temp = el while(temp.offsetParent){ //Looping parent elements to get the offset of them as well temp=temp.offsetParent; x+=temp.offsetLeft y+=temp.offsetTop; } } x+=el.offsetLeft y+=el.offsetTop } //Returning the x and y as an array return [x,y] } pos = findPos() //Menu object creation oCMenu=new makeCM("oCMenu") //Making the menu object. Argument: menuname //Menu properties oCMenu.pxBetween=0 //Using the cm_page object to place the menu ---- oCMenu.fromLeft=pos[0] oCMenu.fromTop=pos[1] //We also need to "re place" the menu on resize. So: oCMenu.onresize="pos = findPos(); oCMenu.fromLeft=pos[0]; oCMenu.fromTop=pos[1]" oCMenu.rows=1 oCMenu.menuPlacement="left" oCMenu.offlineRoot="" oCMenu.onlineRoot="" oCMenu.resizeCheck=1 oCMenu.wait=100 oCMenu.fillImg="images/cm_fill.gif" oCMenu.zIndex=0 //Netscape 4 and Opera form work-around !! !! !! !! !! if(bw.ns4 || bw.op5 || bw.op6){ oCMenu.onshow="document.layers?document.layers.formLayer.visibility='hidden':document.getElementById('SearchBar').style.visibility='hidden';" oCMenu.onhide="document.layers?document.layers.formLayer.visibility='visible':document.getElementById('SearchBar').style.visibility='visible';" } //Background bar properties oCMenu.useBar=0 oCMenu.barWidth="760" oCMenu.barHeight="menu" oCMenu.barClass="clBar" //oCMenu.barX=28 //oCMenu.barY=62 oCMenu.barX=pos[0] oCMenu.barY=pos[1] oCMenu.barBorderX=0 oCMenu.barBorderY=0 oCMenu.barBorderClass="" //Level properties - ALL properties have to be spesified in level 0 oCMenu.level[0]=new cm_makeLevel() //Add this for each new level oCMenu.level[0].width=190 oCMenu.level[0].height=20 oCMenu.level[0].regClass="clLevel0" oCMenu.level[0].overClass="clLevel0over" oCMenu.level[0].borderX=0 oCMenu.level[0].borderY=0 oCMenu.level[0].borderClass="clLevel0border" oCMenu.level[0].offsetX=0 oCMenu.level[0].offsetY=0 oCMenu.level[0].rows=0 oCMenu.level[0].arrow=0 oCMenu.level[0].arrowWidth=0 oCMenu.level[0].arrowHeight=0 oCMenu.level[0].align="bottom" //EXAMPLE SUB LEVEL[1] PROPERTIES - You have to specify the properties you want different from LEVEL[0] - If you want all items to look the same just remove this oCMenu.level[1]=new cm_makeLevel() //Add this for each new level (adding one to the number) oCMenu.level[1].width=190 oCMenu.level[1].height=20 oCMenu.level[1].regClass="clLevel1" oCMenu.level[1].overClass="clLevel1over" oCMenu.level[1].borderClass="clLevel1border" oCMenu.level[1].borderX=0 oCMenu.level[1].borderY=1 oCMenu.level[1].align="right" //oCMenu.level[1].offsetX=-(oCMenu.level[0].width-2)/2+20 oCMenu.level[1].offsetX=0 oCMenu.level[1].offsetY=0 oCMenu.level[1].rows=0 oCMenu.level[1].arrow=0 oCMenu.level[1].arrowWidth=0 oCMenu.level[1].arrowHeight=0 //EXAMPLE SUB LEVEL[1] PROPERTIES - You have to specify the properties you want different from LEVEL[0] - If you want all items to look the same just remove this oCMenu.level[2]=new cm_makeLevel() //Add this for each new level (adding one to the number) oCMenu.level[2].width=190 oCMenu.level[2].height=20 oCMenu.level[2].regClass="clLevel2" oCMenu.level[2].overClass="clLevel2over" oCMenu.level[2].borderClass="clLevel2border" oCMenu.level[2].borderX=0 oCMenu.level[2].borderY=1 oCMenu.level[2].align="right" //oCMenu.level[2].offsetX=-(oCMenu.level[0].width-2)/2+20 oCMenu.level[2].offsetX=0 oCMenu.level[2].offsetY=0 oCMenu.level[2].rows=0 oCMenu.level[2].arrow=0 oCMenu.level[2].arrowWidth=0 oCMenu.level[2].arrowHeight=0 /****************************************** Menu item creation: alert(name); myCoolMenu.makeMenu(name, parent_name, text, link, target, width, height, regImage, overImage, regClass, overClass , align, rows, nolink, onclick, onmouseover, onmouseout) *************************************/ oCMenu.makeMenu('m4','','Mapping and Modelling','#',''); oCMenu.makeMenu('m22','m4','Introduction','/modules/module_123/proxy.asp?D=2&C=14&I=44',''); oCMenu.makeMenu('m23','m4','Projects','#',''); oCMenu.makeMenu('m25','m23','Inventory (MMI)','/modules/module_123/proxy.asp?D=2&C=15&I=26',''); oCMenu.makeMenu('m26','m23','Project Application','/modules/module_123/proxy.asp?D=2&C=15&I=27',''); oCMenu.makeMenu('m27','m23','Evaluation','/modules/module_123/proxy.asp?D=2&C=15&I=28',''); oCMenu.makeMenu('m24','m4','Results','/modules/module_123/proxy.asp?D=2&C=16&I=60',''); oCMenu.makeMenu('m5','','Public Perception','#',''); oCMenu.makeMenu('m31','m5','Introduction','/modules/module_123/proxy.asp?D=2&C=21&I=45',''); oCMenu.makeMenu('m32','m5','Projects','#',''); oCMenu.makeMenu('m34','m32','Perception Survey','/modules/module_123/proxy.asp?D=2&C=22&I=29',''); oCMenu.makeMenu('m35','m32','Raising Awareness','/modules/module_123/proxy.asp?D=2&C=22&I=30',''); oCMenu.makeMenu('m36','m32','Retrofit','/modules/module_123/proxy.asp?D=2&C=22&I=31',''); oCMenu.makeMenu('m37','m32','Social Theory','/modules/module_123/proxy.asp?D=2&C=22&I=32',''); oCMenu.makeMenu('m33','m5','Results','/modules/module_123/proxy.asp?D=2&C=23&I=54',''); oCMenu.makeMenu('m6','','Water Management','#',''); oCMenu.makeMenu('m14','m6','Introduction','/modules/module_123/proxy.asp?D=2&C=24&I=46',''); oCMenu.makeMenu('m15','m6','Projects','#',''); oCMenu.makeMenu('m16','m15','Planning Survey','/modules/module_123/proxy.asp?D=2&C=25&I=33',''); oCMenu.makeMenu('m17','m15','Decision Support','/modules/module_123/proxy.asp?D=2&C=25&I=34',''); oCMenu.makeMenu('m18','m15','Project Application','/modules/module_123/proxy.asp?D=2&C=25&I=35',''); oCMenu.makeMenu('m19','m15','Evaluation','/modules/module_123/proxy.asp?D=2&C=25&I=36',''); oCMenu.makeMenu('m40','m6','Results','/modules/module_123/proxy.asp?D=2&C=26&I=55',''); oCMenu.makeMenu('m7','','Dissemination','#',''); oCMenu.makeMenu('m41','m7','Introduction','/modules/module_123/proxy.asp?D=2&C=27&I=47',''); oCMenu.makeMenu('m42','m7','Projects','#',''); oCMenu.makeMenu('m47','m42','Website','/modules/module_123/proxy.asp?D=2&C=28&I=37',''); oCMenu.makeMenu('m48','m42','Final Report','/modules/module_123/proxy.asp?D=2&C=28&I=38',''); oCMenu.makeMenu('m49','m42','Conference','/modules/module_123/proxy.asp?D=2&C=28&I=39',''); oCMenu.makeMenu('m50','m42','TV Production','/modules/module_123/proxy.asp?D=2&C=28&I=40',''); oCMenu.makeMenu('m51','m42','Interactive Learning','/modules/module_123/proxy.asp?D=2&C=28&I=41',''); //Leave this line - it constructs the menu oCMenu.construct()