/***************************************************************************** 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://coolmenus.dhtmlcentral.com/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 ******************************************************************************/ /*** This is the menu creation code - place it right after you body tag Feel free to add this to a stand-alone js file and link it to your page. **/ //Menu object creation oCMenu=new makeCM("oCMenu") //Making the menu object. Argument: menuname oCMenu.frames = 0 //Menu properties oCMenu.pxBetween=30 //30 oCMenu.fromLeft=20 //20 oCMenu.fromTop=0 oCMenu.rows=1 oCMenu.menuPlacement="center" oCMenu.offlineRoot="file:///C|/Inetpub/wwwroot/dhtmlcentral/projects/" oCMenu.onlineRoot="/coolmenus/" oCMenu.resizeCheck=1 oCMenu.wait=1000 oCMenu.fillImg="cm_fill.gif" oCMenu.zIndex=0 //Background bar properties oCMenu.useBar=1 oCMenu.barWidth="100%" oCMenu.barHeight="menu" oCMenu.barClass="clBar" oCMenu.barX=0 oCMenu.barY=0 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=110 //110 oCMenu.level[0].height=25 oCMenu.level[0].regClass="clLevel0" oCMenu.level[0].overClass="clLevel0over" oCMenu.level[0].borderX=1 oCMenu.level[0].borderY=1 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=oCMenu.level[0].width-2 oCMenu.level[1].height=22 oCMenu.level[1].regClass="clLevel1" oCMenu.level[1].overClass="clLevel1over" oCMenu.level[1].borderX=1 oCMenu.level[1].borderY=1 oCMenu.level[1].align="right" oCMenu.level[1].offsetX=-(oCMenu.level[0].width-2)/2+20 oCMenu.level[1].offsetY=0 oCMenu.level[1].borderClass="clLevel1border" //EXAMPLE SUB LEVEL[2] PROPERTIES - You have to spesify the properties you want different from LEVEL[1] OR 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=150 oCMenu.level[2].height=20 oCMenu.level[2].offsetX=0 oCMenu.level[2].offsetY=0 oCMenu.level[2].regClass="clLevel2" oCMenu.level[2].overClass="clLevel2over" oCMenu.level[2].borderClass="clLevel2border" /****************************************** Menu item creation: myCoolMenu.makeMenu(name, parent_name, text, link, target, width, height, regImage, overImage, regClass, overClass , align, rows, nolink, onclick, onmouseover, onmouseout) *************************************/ oCMenu.makeMenu('top0','',' Beginpagina','http://autobedrijf-terpstra.nl/index.html') oCMenu.makeMenu('sub01','top0','Bedrijfs info','http://autobedrijf-terpstra.nl/bedrijf.html') oCMenu.makeMenu('sub02','top0','Bestellen','http://autobedrijf-terpstra.nl/bestelvoorwaarden.html') oCMenu.makeMenu('sub03','top0','Nieuws/Aanbieding','http://autobedrijf-terpstra.nl/nieuws.html') oCMenu.makeMenu('top1','top1','Reparatie','http://autobedrijf-terpstra.nl/werkplaats.html')/*dubbele keuze klik mogelijkheid*/ oCMenu.makeMenu('sub11','top1','Werkplaats','http://autobedrijf-terpstra.nl/werkplaats.html') oCMenu.makeMenu('sub12','top1','Huurauto','http://autobedrijf-terpstra.nl/huurauto.html') oCMenu.makeMenu('sub13','top1','Afspraak maken','http://autobedrijf-terpstra.nl/afspraak.html') oCMenu.makeMenu('top2','',' Auto aanbod','http://autobedrijf-terpstra.nl/occasions.html') oCMenu.makeMenu('sub20','top2','Occassions','http://autobedrijf-terpstra.nl/occasions.html') oCMenu.makeMenu('sub21','top2','Zoekopdracht','http://autobedrijf-terpstra.nl/zoek.html') /* oCMenu.makeMenu('sub12','top1','blabla00','http://autobedrijf-terpstra.nl/nolink.html') oCMenu.makeMenu('sub120','sub12','blabla11','http://autobedrijf-terpstra.nl/nolink.html') oCMenu.makeMenu('sub121','sub12','blabla22','http://autobedrijf-terpstra.nl/nolink.html') */ oCMenu.makeMenu('top3','',' Contact','http://autobedrijf-terpstra.nl/contact.html') oCMenu.makeMenu('sub31','top3','contact-gegevens','http://autobedrijf-terpstra.nl/contact.html') oCMenu.makeMenu('sub32','top3','contact-formulier','http://autobedrijf-terpstra.nl/contactformulier.html') oCMenu.makeMenu('sub33','top3','Route','http://autobedrijf-terpstra.nl/route.html') oCMenu.makeMenu('sub34','top3','Afspraak maken','http://autobedrijf-terpstra.nl/afspraak.html') /* oCMenu.makeMenu('sub340','sub32','submenu kop3 regel2..!','http://autobedrijf-terpstra.nl/nolink.html') oCMenu.makeMenu('sub341','sub32','submenu2 kop3 regel2','http://autobedrijf-terpstra.nl/nolink.html') oCMenu.makeMenu('sub342','sub34','submenu kop3 regel4!','http://autobedrijf-terpstra.nl/nolink.html') oCMenu.makeMenu('sub343','sub34','submenu2 kop3 regel4?','http://autobedrijf-terpstra.nl/nolink.html') */ oCMenu.makeMenu('top4','',' Diversen','http://autobedrijf-terpstra.nl/info.html') oCMenu.makeMenu('sub40','top4','Weblinks','http://autobedrijf-terpstra.nl/links.html') /* oCMenu.makeMenu('sub42','top4','blabla','http://autobedrijf-terpstra.nl/nolink.html') oCMenu.makeMenu('sub43','top4','blabla1','http://autobedrijf-terpstra.nl/nolink.html') oCMenu.makeMenu('sub44','top4','blabla2','http://autobedrijf-terpstra.nl/nolink.html') oCMenu.makeMenu('sub45','top4','blabla3','http://autobedrijf-terpstra.nl/nolink.html') */ /* oCMenu.makeMenu('top5','',' Divers','mailto:test.html') oCMenu.makeMenu('sub50','top5','Examples','http://autobedrijf-terpstra.nl/nolink.html') oCMenu.makeMenu('sub500','sub50','With frames','http://autobedrijf-terpstra.nl/nolink.html') oCMenu.makeMenu('sub501','sub50','Without frames','http://autobedrijf-terpstra.nl/nolink.html') oCMenu.makeMenu('sub51','top5','Download','http://autobedrijf-terpstra.nl/nolink.html') oCMenu.makeMenu('sub510','sub51','Download the source code to this menu','/http://autobedrijf-terpstra.nl/nolink.html') oCMenu.makeMenu('sub52','top5','Tutorial','http://autobedrijf-terpstra.nl/nolink.html') oCMenu.makeMenu('sub520','sub52','Learn how to set up the menu','http://autobedrijf-terpstra.nl/nolink.html') oCMenu.makeMenu('sub53','top5','MenuMaker','','',0,0,'','','','','','','','window.open("/coolmenus/maker/","","width=800,height=600")') oCMenu.makeMenu('sub530','sub53','Use the menuMaker to make the menu code for you','','',150,40,'','','','','','','','window.open("/coolmenus/maker/","","width=800,height=600")') oCMenu.makeMenu('sub54','top5','FAQ','/coolmenus/faq.asp') oCMenu.makeMenu('sub540','sub54','Frequently asked questions','coolmenus/faq.asp','',150,40) oCMenu.makeMenu('sub55','top5','Help forum','/forums/forum.asp?FORUM_ID=2&CAT_ID=1&Forum_Title=CoolMenus') oCMenu.makeMenu('sub550','sub55','Go to this forum and post you problems or suggestions regarding the CoolMenus','/forum/forum.asp?forum_id=2','',150,40) */ //Leave this line - it constructs the menu oCMenu.construct()