// 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 //================================================================================================== //================================================================================================== // 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]) //================================================================================================== // submenu example //var subMenu1 = menu1.addMenu(menu1.items[0]); //subMenu1.addItem("» sublink", "#"); //subMenu1.addItem("» sublink", "#"); // menu1 : Home // var menu1 = ms.addMenu(document.getElementById("menu1")); // menu1.addItem("− Home", "#"); // menu2 : Club-info var menu2 = ms.addMenu(document.getElementById("menu2")); menu2.addItem("− Historie", "index/iframe/page.php?id=-11"); menu2.addItem("− Bestuur", "index/iframe/page.php?id=-12"); menu2.addItem("− Commissies", "index/iframe/page.php?id=-13"); menu2.addItem("− Ere leden", "index/iframe/page.php?id=-14"); menu2.addItem("− Stichting SSS", "index/iframe/page.php?id=-15"); menu2.addItem("− Normen en waarden", "index/iframe/page.php?id=-16"); menu2.addItem("− Kledinglijn", "index/iframe/page.php?id=-17"); menu2.addItem("− Basis info", "index/iframe/page.php?id=-18"); menu2.addItem("− Lid worden", "index/iframe/page.php?id=-19"); menu2.addItem("− Contact", "index/iframe/page.php?id=-20"); menu2.addItem("− Bardiensten", "index/iframe/page.php?id=-21"); menu2.addItem("− Vacatures", "index/iframe/page.php?id=-56"); // menu3 : Selectie var menu3 = ms.addMenu(document.getElementById("menu3")); menu3.addItem("− Selectie Sportlust 46", "index/iframe/page.php?id=-28"); menu3.addItem("− Verslagen Sportlust 1", "index/iframe/verslagsp1.php"); menu3.addItem("− Pupil van de week", "index/iframe/page.php?id=-30"); menu3.addItem("− Teams 1e klasse B", "index/iframe/page.php?id=-31"); menu3.addItem("− Programma 1e klasse A", "index/iframe/page.php?id=-32"); // menu4 : Elftalinformatie var menu4 = ms.addMenu(document.getElementById("menu4")); menu4.addItem("− Teaminfo", "index/iframe/page.php?id=-23"); menu4.addItem("− Teams", "index/iframe/page.php?id=-24"); menu4.addItem("− Verslagen Sportlust 46", "index/iframe/verslag.php"); menu4.addItem("− Programma", "index/iframe/page.php?id=-25"); menu4.addItem("− Toernooien", "index/iframe/page.php?id=-26"); menu4.addItem("− Scheidsrechters", "index/iframe/page.php?id=-27"); menu4.addItem("− Afgelastingen", "index/iframe/page.php?id=-57"); // menu5 : Jeugdafdeling var menu5 = ms.addMenu(document.getElementById("menu5")); menu5.addItem("− Nieuws jeugdafdeling", "index/iframe/page.php?id=-33"); menu5.addItem("− Jeugd Informatie", "index/iframe/page.php?id=-61"); menu5.addItem("− Jeugdcommissies", "index/iframe/page.php?id=-34"); menu5.addItem("− Jeugdplan", "index/iframe/page.php?id=-35"); menu5.addItem("− Trainingstijden", "index/iframe/page.php?id=-36"); menu5.addItem("− Puppies Sportlust 46", "index/iframe/page.php?id=-37"); menu5.addItem("− Verslagen Sportlust 46", "index/iframe/verslag.php"); menu5.addItem("− CL league", "index/iframe/page.php?id=-38"); menu5.addItem("− Uefacup E-plan", "index/iframe/page.php?id=-39"); menu5.addItem("− TC jeugd nieuws", "index/iframe/page.php?id=-40"); // menu6 : PR zaken var menu6 = ms.addMenu(document.getElementById("menu6")); menu6.addItem("− Nieuwsbrieven", "index/iframe/page.php?id=-41"); menu6.addItem("− Even Bijpraten", "index/iframe/page.php?id=-62"); menu6.addItem("− Digitaal clublad", "index/iframe/page.php?id=-42"); menu6.addItem("− Ledenpas", "index/iframe/page.php?id=-58"); menu6.addItem("− Clubactie", "index/iframe/page.php?id=-60"); menu6.addItem("− Activiteiten", "index/iframe/page.php?id=-43"); menu6.addItem("− Foto album", "index/iframe/page.php?id=-44"); menu6.addItem("− Video", "index/iframe/page.php?id=-45"); menu6.addItem("− Elftal van de maand", "index/iframe/page.php?id=-46"); menu6.addItem("− In de schijnwerper", "index/iframe/page.php?id=-47"); menu6.addItem("− Merchandising", "index/iframe/page.php?id=-48"); menu6.addItem("− Zoeken", "index/iframe/search.php"); // menu7 : Sponsoring var menu7 = ms.addMenu(document.getElementById("menu7")); menu7.addItem("− Sponsoring Sportlust 46","index/iframe/page.php?id=-49"); menu7.addItem("− Sponsoring Jeud", "index/iframe/page.php?id=-50"); menu7.addItem("− Sponsoring Topsport", "index/iframe/page.php?id=-51"); menu7.addItem("− Hoofdsponsors", "index/iframe/page.php?id=-52"); menu7.addItem("− Jeugdsponsors", "index/iframe/page.php?id=-53"); menu7.addItem("− Overige sponsors", "index/iframe/page.php?id=-54"); menu7.addItem("− De club van 50", "index/iframe/page.php?id=-55"); // menu8 : Links /* var menu8 = ms.addMenu(document.getElementById("menu8")); menu8.addItem("− T-Designs", "http://www.t-designs.nl/"); menu8.addItem("− Media Winkel", "http://www.media-winkel.nl/"); menu8.addItem("− Internet-camera", "http://www.internet-camera.nl/"); menu8.addItem("− TTS Woerden", "http://www.ttswoerden.nl/"); menu8.addItem("− Satvision", "http://www.satvision.nl/"); menu8.addItem("− Nieuws", "iframe/news.php"); */ //================================================================================================== // 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(); }