// 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 (TransMenu.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 TransMenuSet(TransMenu.direction.down, 0, 0, TransMenu.reference.bottomLeft); //================================================================================================== // create a dropdown menu //================================================================================================== // the first parameter should be the HTML element which will act actuator for the menu //================================================================================================== var m19 = ms.addMenu(document.getElementById("menu19")); m19.addItem("IBO-Nederland", "/projectaanvragers/ibo_nederland/19/"); m19.addItem("Organisatie", "/projectaanvragers/organisatie/56/"); m19.addItem("Bestuur & kantoor", "/projectaanvragers/bestuur_&_kantoor/70/"); m19.addItem("IBO-netwerk", "/projectaanvragers/ibo_netwerk/54/"); m19.addItem("Internationale IBO-secretariaten", "/projectaanvragers/internationale_ibo_secretariaten/55/"); var m18 = ms.addMenu(document.getElementById("menu18")); m18.addItem("Praktische zaken", "/projectaanvragers/praktische_zaken/18/"); m18.addItem("Financieel", "/projectaanvragers/financieel/57/"); m18.addItem("Projectaanvraag", "/projectaanvragers/projectaanvraag/71/"); var m21 = ms.addMenu(document.getElementById("menu21")); m21.addItem("Contact", "/projectaanvragers/contact/21/"); var m61 = ms.addMenu(document.getElementById("menu61")); m61.addItem("English Info", "/projectaanvragers/english_info/61/"); m61.addItem("This is IBO", "/projectaanvragers/this_is_ibo/62/"); var m61_1 = m61.addMenu(m61.items[1]); m61_1.addItem("IBO-branches in Europe", "/projectaanvragers/ibo_branches_in_europe/68/"); m61.addItem("Objectives", "/projectaanvragers/objectives/63/"); m61.addItem("Work field", "/projectaanvragers/work_field/67/"); m61.addItem("Project requirements", "/projectaanvragers/project_requirements/64/"); m61.addItem("Financial support", "/projectaanvragers/financial_support/65/"); m61.addItem("Project application", "/projectaanvragers/project_application/72/"); m61.addItem("Projects", "/projectaanvragers/projects/66/"); //================================================================================================== //================================================================================================== // 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. //================================================================================================== TransMenu.renderAll(); // console.log( "renderAll" ); }