// 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, 0, mtDropDown.reference.bottomLeft); //================================================================================================== // create a dropdown menu //================================================================================================== // the first parameter should be the HTML element which will act actuator for the menu //================================================================================================== var menu1 = ms.addMenu(document.getElementById("menu1")); menu1.addItem("Home page", "http://www.alfa147club.nl/index.php"); menu1.addItem("Over de club", "http://www.alfa147club.nl/overdeclub.php"); menu1.addItem("Auto-onderhoud voor clubleden", "http://www.alfa147club.nl/onderhoud/multicar1.php"); menu1.addItem("Autoverzekering voor clubleden", "http://www.alfa147club.nl/verzekering/verzekering1.php"); menu1.addItem("Aanmelden als lid", "http://www.alfa147club.nl/aanmelden/"); var menu1 = ms.addMenu(document.getElementById("menu2")); menu1.addItem("Alfa 147 in autoblad (nieuw)", "http://www.alfa147club.nl/news/autoentuning.php"); menu1.addItem("Alfa 147 Club in autoblad", "http://www.alfa147club.nl/news/lastrada.php"); menu1.addItem("Alfa 147 Club in de krant", "http://www.alfa147club.nl/news/krant.php"); var menu1 = ms.addMenu(document.getElementById("menu3")); menu1.addItem("Lidnummers 001 t/m 031", "http://www.alfa147club.nl/members/members001031.php"); menu1.addItem("Lidnummers 032 t/m 061", "http://www.alfa147club.nl/members/members032061.php"); menu1.addItem("Lidnummers 062 t/m 091", "http://www.alfa147club.nl/members/members062091.php"); menu1.addItem("Lidnummers 092 t/m 121", "http://www.alfa147club.nl/members/members092121.php"); menu1.addItem("Lidnummers 122 t/m 151", "http://www.alfa147club.nl/members/members122151.php"); menu1.addItem("Lidnummers 152 t/m 181", "http://www.alfa147club.nl/members/members152181.php"); menu1.addItem("Lidnummers 182 t/m 211", "http://www.alfa147club.nl/members/members182211.php"); menu1.addItem("Lidnummers 212 t/m 241", "http://www.alfa147club.nl/members/members212241.php"); menu1.addItem("Lidnummers 242 t/m 271", "http://www.alfa147club.nl/members/members242271.php"); menu1.addItem("Lidnummers 272 t/m 301", "http://www.alfa147club.nl/members/members272301.php"); menu1.addItem("Lidnummers 302 t/m 331", "http://www.alfa147club.nl/members/members302331.php"); menu1.addItem("Lidnummers 332 t/m 361", "http://www.alfa147club.nl/members/members332361.php"); menu1.addItem("Lidnummers 362 t/m 391", "http://www.alfa147club.nl/members/members362391.php"); menu1.addItem("Lidnummers 392 t/m 421", "http://www.alfa147club.nl/members/members392421.php"); menu1.addItem("Lidnummers 422 t/m 451", "http://www.alfa147club.nl/members/members422451.php"); menu1.addItem("Lidnummers 452 t/m 481", "http://www.alfa147club.nl/members/members452481.php"); menu1.addItem("Lidnummers 482 t/m 511", "http://www.alfa147club.nl/members/members482511.php"); menu1.addItem("Lidnummers 512 t/m 541", "http://www.alfa147club.nl/members/members512541.php"); menu1.addItem("Lidnummers 542 t/m 571", "http://www.alfa147club.nl/members/members542571.php"); menu1.addItem("Lidnummers 572 t/m 601", "http://www.alfa147club.nl/members/members572601.php"); menu1.addItem("Lidnummers 602 t/m 631", "http://www.alfa147club.nl/members/members602631.php"); menu1.addItem("Lidnummers 632 t/m 661", "http://www.alfa147club.nl/members/members632661.php"); menu1.addItem("Lidnummers 662 t/m 691", "http://www.alfa147club.nl/members/members662691.php"); menu1.addItem("Lidnummers 692 t/m 721", "http://www.alfa147club.nl/members/members692721.php"); menu1.addItem("Lidnummers 722 t/m 751", "http://www.alfa147club.nl/members/members722751.php"); menu1.addItem("Lidnummers 752 t/m 781", "http://www.alfa147club.nl/members/members752781.php"); menu1.addItem("Lidnummers 782 t/m 811", "http://www.alfa147club.nl/members/members782811.php"); menu1.addItem("Lidnummers 812 t/m 841", "http://www.alfa147club.nl/members/members812841.php"); menu1.addItem("Lidnummers 842 t/m 871", "http://www.alfa147club.nl/members/members842871.php"); menu1.addItem("Lidnummers 872 t/m 901", "http://www.alfa147club.nl/members/members872901.php"); menu1.addItem("Lidnummers 902 t/m 931", "http://www.alfa147club.nl/members/members902931.php"); menu1.addItem("Lidnummers 932 t/m 961", "http://www.alfa147club.nl/members/members932961.php"); menu1.addItem("Lidnummers 962 t/m 991", "http://www.alfa147club.nl/members/members962991.php"); menu1.addItem("Lidnummers 992 t/m 1021", "http://www.alfa147club.nl/members/members9921021.php"); var menu1 = ms.addMenu(document.getElementById("menu4")); menu1.addItem("Eerstvolgende meeting", "http://www.alfa147club.nl/meetings/meetings.php"); menu1.addItem("Verslag sleuteldag 16 januari 2011", "http://www.alfa147club.nl/meetings/20110116/verslag.php"); menu1.addItem("Verslag meeting 9 oktober 2010", "http://www.alfa147club.nl/meetings/20101009/verslag.php"); menu1.addItem("Verslag meeting 25 april 2009", "http://www.alfa147club.nl/meetings/20090425/verslag.php"); menu1.addItem("Verslag meeting 4 oktober 2008", "http://www.alfa147club.nl/meetings/20081004/verslag.php"); menu1.addItem("Verslag meeting 20 april 2008", "http://www.alfa147club.nl/meetings/20080420/verslag.php"); menu1.addItem("Verslag meeting 6 oktober 2007", "http://www.alfa147club.nl/meetings/20071006/verslag.php"); menu1.addItem("Verslag meeting 21 april 2007", "http://www.alfa147club.nl/meetings/20070421/verslag.php"); menu1.addItem("Verslag meeting 7 oktober 2006", "http://www.alfa147club.nl/meetings/20061007/verslag.php"); var menu1 = ms.addMenu(document.getElementById("menu5")); menu1.addItem("Wallpapers", "http://www.alfa147club.nl/gallery/gallery.php"); var menu1 = ms.addMenu(document.getElementById("menu6")); menu1.addItem("Alfa 147 Twin Spark", "http://www.alfa147club.nl/specs/twinspark.php"); menu1.addItem("Alfa 147 GTA", "http://www.alfa147club.nl/specs/gta.php"); menu1.addItem("Alfa 147 JTD", "http://www.alfa147club.nl/specs/jtd.php"); menu1.addItem("Nuova Alfa 147 Twin Spark", "http://www.alfa147club.nl/specs/twinspark_fl.php"); menu1.addItem("Nuova Alfa 147 JTD", "http://www.alfa147club.nl/specs/jtd_fl.php"); var menu1 = ms.addMenu(document.getElementById("menu7")); menu1.addItem("Forum", "http://www.alfa147club.nl/forum/"); var menu1 = ms.addMenu(document.getElementById("menu8")); menu1.addItem("Wat is de Capretti Club", "http://www.alfa147club.nl/capretti/watiscapretti.php"); menu1.addItem("Lidnummers 001 t/ 009", "http://www.alfa147club.nl/capretti/capretti001009.php"); var menu1 = ms.addMenu(document.getElementById("menu9")); menu1.addItem("Alfa Romeo 147", "http://www.alfa147club.nl/links/links147.php"); menu1.addItem("Alfa Romeo Algemeen", "http://www.alfa147club.nl/links/linksgeneral.php"); menu1.addItem("Alfa Romeo Clubs", "http://www.alfa147club.nl/links/linksclubs.php"); //================================================================================================== //================================================================================================== // add a sub-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]) //================================================================================================== //================================================================================================== // 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(); }