// 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("¿Qué es el Rocío?", "/index.php?contenido=1"); menu1.addItem("Leyenda", "/index.php?contenido=2"); menu1.addItem("La Virgen", "/index.php?contenido=3"); menu1.addItem("La Coronación", "/index.php?contenido=4"); menu1.addItem("Ermitas", "/index.php?contenido=5"); menu1.addItem("Retablo", "/index.php?contenido=19"); menu1.addItem("Cronología", "/index.php?contenido=15"); menu1.addItem("El Papa", "/index.php?contenido=18"); menu1.addItem("Rocío Chico", "/index.php?contenido=14"); menu1.addItem("Doñana", "/index.php?contenido=68"); menu1.addItem("Noticias", "/noticias/index.php"); menu1.addItem("Bibliografía", "/index.php?contenido=13"); menu1.addItem("Preguntas frecuentes", "/index.php?contenido=16"); menu1.addItem("¿Qué sabes del Rocío?", "/index.php?contenido=255"); menu1.addItem("FORO del Rocío", "/index.php?contenido=254"); menu1.addItem("CHATs del Rocío", "/index.php?contenido=chatroc3"); menu1.addItem("ANUNCIOS", "/anuncios/index.php"); menu1.addItem("VIDEOS", "/videos/index.php"); menu1.addItem("Libro de Visitas", "/index.php?contenido=addguest"); //================================================================================================== //================================================================================================== // 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]) //================================================================================================== //var subMenu1 = menu1.addMenu(menu1.items[0]); //subMenu1.addItem("About", "/about/"); //subMenu1.addItem("Advertise", "/advertise/"); //subMenu1.addItem("Sponsors", "/sponsors/"); //subMenu1.addItem("Contact", "/contact/"); //menu2.addItem("Hoteles", "/index.php?contenido=21"); var menu2 = ms.addMenu(document.getElementById("menu2")); menu2.addItem("Fechas, caminos","/index.php?contenido=20"); menu2.addItem("Alojamientos", "/anuncios/index.php"); menu2.addItem("Planos Generales", "/index.php?contenido=22"); menu2.addItem("Camino Europeo", "/index.php?contenido=23"); menu2.addItem("Plano Aldea", "/index.php?contenido=25"); var menu3 = ms.addMenu(document.getElementById("menu3")); menu3.addItem("Relación","/index.php?contenido=37"); menu3.addItem("Localización", "/index.php?contenido=25"); menu3.addItem("Peregrinaciones", "/index.php?contenido=38"); menu3.addItem("Reglas", "/index.php?contenido=39"); menu3.addItem("Medallas", "/index.php?contenido=40"); menu3.addItem("Simpecados", "/index.php?contenido=41"); menu3.addItem("El Pregón", "/index.php?contenido=42"); menu3.addItem("Paso de Hermandades", "/index.php?contenido=43"); menu3.addItem("Rocío en el mundo", "/index.php?contenido=44"); var menu4 = ms.addMenu(document.getElementById("menu4")); menu4.addItem("Del camino","/index.php?contenido=45"); menu4.addItem("De la Aldea", "/index.php?contenido=46"); menu4.addItem("De la Virgen", "/index.php?contenido=47"); menu4.addItem("Carteles del Rocío", "/index.php?contenido=48"); menu4.addItem("Adornos de Carretas", "/index.php?contenido=49"); menu4.addItem("Fotos Antiguas", "/index.php?contenido=1897"); menu4.addItem("Rocío 2005", "/index.php?contenido=251"); menu4.addItem("Rocío 2006", "/index.php?contenido=577"); menu4.addItem("Rocío 2007", "/index.php?contenido=787"); menu4.addItem("Rocío 2008", "/index.php?contenido=1023"); menu4.addItem("Rocío 2009", "/index.php?contenido=1476"); menu4.addItem("Rocío 2010", "/index.php?contenido=2341"); var menu5 = ms.addMenu(document.getElementById("menu5")); menu5.addItem("Salve rociera","/index.php?contenido=50"); menu5.addItem("Sevillanas","/index.php?contenido=51"); menu5.addItem("Misa de romeros","/index.php?contenido=52"); menu5.addItem("Letras de Sevillanas","/sevillanas/index.php"); var menu6 = ms.addMenu(document.getElementById("menu6")); menu6.addItem("Pasión Marismeña","/index.php?contenido=53"); menu6.addItem("Hace 125 años", "/index.php?contenido=54"); menu6.addItem("El Rocío de antes", "/index.php?contenido=55"); menu6.addItem("Platero y yo", "/index.php?contenido=56"); menu6.addItem("Vestidos rocieros", "/index.php?contenido=57"); menu6.addItem("Rocío", "/index.php?contenido=58"); menu6.addItem("Exvotos rocieros", "/index.php?contenido=281"); menu6.addItem("Las abuelas almonteñas", "/index.php?contenido=60"); menu6.addItem("Veletas del Rocío", "/index.php?contenido=62"); menu6.addItem("El techo de la ermita", "/index.php?contenido=61"); var menu7 = ms.addMenu(document.getElementById("menu7")); menu7.addItem("Al Rocío","/index.php?contenido=63"); menu7.addItem("A la Virgen María", "/index.php?contenido=64"); menu7.addItem("A Cofrades y Marianos", "/index.php?contenido=cofrades-marianos-link"); menu7.addItem("A Ronda", "/index.php?contenido=65"); menu7.addItem("A Colaboradores y de Interés", "/index.php?contenido=colaboradores-link"); menu7.addItem("A Andalucía", "http://www.antonioburgos.com/enlaces/welcome.html"); var menu8 = ms.addMenu(document.getElementById("menu8")); menu8.addItem("Web de la Hdad. de RONDA","http://www.rocioronda.com"); //================================================================================================== // 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(); }