// set up drop downs anywhere in the body of the page. I think the bottom of the page is better.. // but you can experiment with effect on loadtime. if (mtDropDown.isSupported()) { //================================================================================================== // create a set of dropdowns //================================================================================================== // the first param should always be down, as it is here // // The second and third param are the top and left offset positions of the menus from their actuators // respectively. To make a menu appear a little to the left and bottom of an actuator, you could use // something like -5, 5 // // The last parameter can be .topLeft, .bottomLeft, .topRight, or .bottomRight to inidicate the corner // of the actuator from which to measure the offset positions above. Here we are saying we want the // menu to appear directly below the bottom left corner of the actuator //================================================================================================== var ms = new mtDropDownSet(mtDropDown.direction.down, 0, 1, mtDropDown.reference.bottomLeft); //================================================================================================== // create a dropdown menu //================================================================================================== // the first parameter should be the HTML element which will act actuator for the menu //================================================================================================== //================================================================================================== // to add a sub menu to an existing menu object, call it's addMenu method and pass it the item from // the parent menu which should act as it's actuator. To add a submenu to the fourth item of a menu // called "theMenu", you would do theMenu.addMenu(theMenu.items[3]) //================================================================================================== var menu1 = ms.addMenu(document.getElementById("menu1")); menu1.addItem("Nieuws", "index.php"); menu1.addItem("Programma", "wedstrijden.php"); menu1.addItem("Uitslagen", "uitslagen.php"); menu1.addItem("Afgelastingen", "afgelastingen.php"); var subMenu2 = menu1.addMenu(menu1.items[0]); subMenu2.addItem("Nieuws(archief)", "nieuws.php?a=lijst"); subMenu2.addItem("Wedstrijdverslagen", "wedstrijd_verslagen.php?a=lijst"); subMenu2.addItem("Persberichten", "persberichten.php"); //================================================================================================== var menu2 = ms.addMenu(document.getElementById("menu2")); menu2.addItem("F-pupillen","#"); menu2.addItem("E-pupillen", "#"); menu2.addItem("D-pupillen", "#"); menu2.addItem("C-junioren", "#"); menu2.addItem("B-junioren", "#"); menu2.addItem("A-junioren", "#"); var subMenu2 = menu2.addMenu(menu2.items[0]); subMenu2.addItem("VVZ F1", "team.php?t=1"); subMenu2.addItem("VVZ F2", "team.php?t=2"); subMenu2.addItem("VVZ F3", "team.php?t=3"); subMenu2.addItem("VVZ Mini's", "team.php?t=151"); var subMenu2 = menu2.addMenu(menu2.items[1]); subMenu2.addItem("VVZ E1", "team.php?t=11"); subMenu2.addItem("VVZ E2", "team.php?t=12"); subMenu2.addItem("VVZ E3", "team.php?t=13"); subMenu2.addItem("VVZ E4", "team.php?t=14"); subMenu2.addItem("VVZ E5", "team.php?t=15"); var subMenu2 = menu2.addMenu(menu2.items[2]); subMenu2.addItem("VVZ D1", "team.php?t=21"); subMenu2.addItem("VVZ D2", "team.php?t=22"); subMenu2.addItem("VVZ D3", "team.php?t=23"); var subMenu2 = menu2.addMenu(menu2.items[3]); subMenu2.addItem("VVZ C1", "team.php?t=31"); subMenu2.addItem("VVZ C2", "team.php?t=32"); subMenu2.addItem("VVZ C3", "team.php?t=33"); var subMenu2 = menu2.addMenu(menu2.items[4]); subMenu2.addItem("VVZ B1", "team.php?t=41"); subMenu2.addItem("VVZ B2", "team.php?t=42"); subMenu2.addItem("VVZ B3", "team.php?t=43"); var subMenu2 = menu2.addMenu(menu2.items[5]); subMenu2.addItem("VVZ A1", "team.php?t=51"); subMenu2.addItem("VVZ A2", "team.php?t=52"); //================================================================================================== var menu3 = ms.addMenu(document.getElementById("menu3")); menu3.addItem("MB-junioren", "#"); menu3.addItem("MA-junioren", "#"); menu3.addItem("DA-senioren", "#"); var subMenu2 = menu3.addMenu(menu3.items[0]); subMenu2.addItem("VVZ MB1", "team.php?t=101"); var subMenu2 = menu3.addMenu(menu3.items[1]); subMenu2.addItem("VVZ MA1", "team.php?t=111"); var subMenu2 = menu3.addMenu(menu3.items[2]); subMenu2.addItem("VVZ DA1", "team.php?t=121"); subMenu2.addItem("VVZ DA2", "team.php?t=122"); subMenu2.addItem("VVZ DA3", "team.php?t=123"); //================================================================================================== var menu4 = ms.addMenu(document.getElementById("menu4")); menu4.addItem("Zondag selectie","#"); menu4.addItem("Zondag overig","#"); menu4.addItem("Zaterdag selectie","#"); var subMenu2 = menu4.addMenu(menu4.items[0]); subMenu2.addItem("VVZ 1", "team.php?t=131"); subMenu2.addItem("VVZ 2", "team.php?t=132"); subMenu2.addItem("VVZ 3", "team.php?t=133"); subMenu2.addItem("VVZ o21", "team.php?t=153"); var subMenu2 = menu4.addMenu(menu4.items[1]); subMenu2.addItem("VVZ 4", "team.php?t=134"); subMenu2.addItem("VVZ 5", "team.php?t=135"); subMenu2.addItem("VVZ 6", "team.php?t=136"); subMenu2.addItem("VVZ 7", "team.php?t=137"); subMenu2.addItem("VVZ 8", "team.php?t=138"); var subMenu2 = menu4.addMenu(menu4.items[2]); subMenu2.addItem("VVZ ZA1", "team.php?t=141"); //================================================================================================== var menu5 = ms.addMenu(document.getElementById("menu5")); menu5.addItem("Klaverjasclub", "klaverjasclub.php"); menu5.addItem("Zaans Tournament","zaanstournament.php"); menu5.addItem("Soccer Skills Days","soccerskillsdays.php"); menu5.addItem("6 Tegen 6","6tegen6.php"); menu5.addItem("VVZ Toneel","toneel.php"); //================================================================================================== var menu6 = ms.addMenu(document.getElementById("menu6")); menu6.addItem("Organisatie","organisatie.php"); menu6.addItem("Vacatures","vacatures.php"); menu6.addItem("Clubhistorie","over.php?a=h"); menu6.addItem("Gulden Gilde","guldegilde.php"); menu6.addItem("Ereleden/Leden van Verdienste","ereleden.php"); menu6.addItem("Jubilarissen","jubilarissen.php"); menu6.addItem("Sterrenploeg","sterrenploeg.php"); menu6.addItem("Foto's","foto.php"); menu6.addItem("Complex","over.php?a=c"); menu6.addItem("Kantine","kantine.php"); menu6.addItem("Routebeschrijving","route.php"); menu6.addItem("Lid worden/contributie","leden.php"); menu6.addItem("Links","links.php"); //================================================================================================== var menu7 = ms.addMenu(document.getElementById("menu7")); menu7.addItem("Gastenboek","gastenboek.php"); menu7.addItem("Sponsoring/adverteren","sponsoring.php"); menu7.addItem("Melding bugs","contact.php?a=b"); //================================================================================================== // write drop downs into page //================================================================================================== // this method writes all the HTML for the menus into the page with document.write(). It must be // called within the body of the HTML page. //================================================================================================== mtDropDown.renderAll(); }