// 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 (DropDown.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 DropDownSet(DropDown.direction.down, 00, 0, DropDown.reference.bottomLeft); //================================================================================================== // create a dropdown menu //================================================================================================== // the first parameter should be the HTML element which will act actuator for the menu //================================================================================================== //GLOBAL NAV --- HOME var menu1 = ms.addMenu(document.getElementById("menu1")); //GLOBAL NAV --- JOKERS var menu2 = ms.addMenu(document.getElementById("menu2")); menu2.addItem("Histoire", "http://www.rollerhockeyaubagne.com.fr/histoire.html"); menu2.addItem("Le Club", "http://www.rollerhockeyaubagne.com.fr/club.html"); menu2.addItem("Staff", "http://www.rollerhockeyaubagne.com.fr/staff.html"); menu2.addItem("Entrainements", "http://www.rollerhockeyaubagne.com.fr/entrainements.html"); menu2.addItem("Salles", "http://www.rollerhockeyaubagne.com.fr/terrain.html"); menu2.addItem("Venir à Aubagne / Où loger ?", "http://www.rollerhockeyaubagne.com.fr/localisation.html"); menu2.addItem("Prevention CG13", "http://www.rollerhockeyaubagne.com.fr/prevention.html"); menu2.addItem("Suivi Médical CG13", "http://www.rollerhockeyaubagne.com.fr/suivi_medic.html"); //GLOBAL NAV --- EQUIPES var menu3 = ms.addMenu(document.getElementById("menu3")); menu3.addItem("Poussins", "http://www.rollerhockeyaubagne.com.fr/equipe_poussins.html"); menu3.addItem("Benjamins", "http://www.rollerhockeyaubagne.com.fr/equipe_benjamins.html"); menu3.addItem("Minimes", "http://www.rollerhockeyaubagne.com.fr/equipe_minimes.html"); menu3.addItem("Cadets", "http://www.rollerhockeyaubagne.com.fr/equipe_cadets.html"); menu3.addItem("Juniors", "http://www.rollerhockeyaubagne.com.fr/equipe_juniors.html"); menu3.addItem("Loisirs", "http://www.rollerhockeyaubagne.com.fr/equipe_loisirs.html"); menu3.addItem("N3", "http://www.rollerhockeyaubagne.com.fr/equipe_n3.html"); menu3.addItem("N1", "http://www.rollerhockeyaubagne.com.fr/equipe_n1.html"); //GLOBAL NAV --- RESULTATS var menu4 = ms.addMenu(document.getElementById("menu4")); menu4.addItem("Poussins", "http://www.rollerhockeyaubagne.com.fr/championnat_poussins.html"); menu4.addItem("Benjamins", "http://www.rollerhockeyaubagne.com.fr/championnat_benjamins.html"); menu4.addItem("Minimes", "http://www.rollerhockeyaubagne.com.fr/championnat_minimes.html"); menu4.addItem("Cadets", "http://www.rollerhockeyaubagne.com.fr/championnat_cadets.html"); menu4.addItem("Juniors", "http://www.rollerhockeyaubagne.com.fr/championnat_juniors.html"); menu4.addItem("Loisirs", "http://www.rollerhockeyaubagne.com.fr/championnat_loisirs.html"); menu4.addItem("N3", "http://www.rollerhockeyaubagne.com.fr/championnat_n3.html"); menu4.addItem("N1", "http://www.rollerhockeyaubagne.com.fr/championnat_n1.html"); //GLOBAL NAV --- SPONSORS var menu5 = ms.addMenu(document.getElementById("menu5")); menu5.addItem("Partenaires du RHA", "http://www.rollerhockeyaubagne.com.fr/partenaires.html"); menu5.addItem("Devenez Partenaires", "http://www.rollerhockeyaubagne.com.fr/partenaires2.html"); //GLOBAL NAV --- MULTIMEDIA var menu6 = ms.addMenu(document.getElementById("menu6")); menu6.addItem("Photos", "http://www.rollerhockeyaubagne.com.fr/galerie.html"); menu6.addItem("Videos", "http://www.rollerhockeyaubagne.com.fr/videos.html"); menu6.addItem("Fonds d'écran", "http://www.rollerhockeyaubagne.com.fr/fonds.html"); menu6.addItem("Presse", "http://www.rollerhockeyaubagne.com.fr/presse.html"); menu6.addItem("Liens", "http://www.rollerhockeyaubagne.com.fr/liens.html"); //GLOBAL NAV --- MAGASIN var menu7 = ms.addMenu(document.getElementById("menu7")); menu7.addItem("Ouverture Prochaine", "http://www.rollerhockeyaubagne.com.fr/index.html"); //GLOBAL NAV --- FORUM var menu8 = ms.addMenu(document.getElementById("menu8")); menu8.addItem("Forum des supporters", "http://rollerhockeyaubagne.forumactif.com/"); //GLOBAL NAV --- Contacts var menu9 = ms.addMenu(document.getElementById("menu9")); menu9.addItem("Dirigeants", "http://www.rollerhockeyaubagne.com.fr/contacts.html"); menu9.addItem("Entraineurs", "http://www.rollerhockeyaubagne.com.fr/contacts.html"); menu9.addItem("Responsables d'équipes", "http://www.rollerhockeyaubagne.com.fr/contacts.html"); //================================================================================================== //================================================================================================== // 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. //================================================================================================== DropDown.renderAll(); }