// 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 //================================================================================================== // menu: About Us var menu1 = ms.addMenu(document.getElementById("menu1")); menu1.addItem("Company Background", "http://www.total-call-long-distance.com/about.html"); // send no URL if nothing should happen onclick menu1.addItem("Products", "http://www.total-call-long-distance.com/products.html"); //menu1.addItem("Site Map", "/about/sitemap"); //================================================================================================== //================================================================================================== // 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[1]); //subMenu1.addItem("· SubLink 1", "/url/"); //subMenu1.addItem("· SubLink 2", "/url/"); //subMenu1.addItem("· SubLink 3", "/url/"); // submenu //var subMenu2 = menu1.addMenu(menu1.items[2]); //subMenu2.addItem("· SubLink1", "/url/"); // menu: Products var menu2 = ms.addMenu(document.getElementById("menu2")); menu2.addItem("Residential Long Distance", "http://www.total-call-long-distance.com/products.html"); //menu2.addItem("", "/"); menu2.addItem("Business Long Distance", "http://www.total-call-long-distance.com/products.html"); //menu2.addItem("", "/"); menu2.addItem("Referral Rewards", "http://www.total-call-long-distance.com/referral.html"); //menu2.addItem("Travel Cards", "/products/travelcard"); var subMenu1 = menu2.addMenu(menu2.items[0]); subMenu1.addItem("2.9¢ - TotalSAVER™ Info", "http://www.total-call-long-distance.com/totalsaver29.html"); subMenu1.addItem("2.9¢ - TotalSAVER™ Sign-Up", "https://www.tcitel.com/?agentid=1029&program=tsp"); subMenu1.addItem("3.9¢ - TotalBASIC™ Info", "http://www.total-call-long-distance.com/totalbasic39.html"); subMenu1.addItem("3.9¢ - TotalBASIC™ Sign-Up", "https://www.tcitel.com/?agentid=1029&program=tbp"); subMenu1.addItem("4.4¢ - TotalPRIME™ Info", "http://www.total-call-long-distance.com/totalprime44.html"); subMenu1.addItem("4.4¢ - TotalPRIME™ Sign-Up", "https://www.tcitel.com/?agentid=1029&program=tpp"); subMenu1.addItem("4.9¢ - TotalWORLD™ Info", "http://www.total-call-long-distance.com/totalworld49.html"); subMenu1.addItem("4.9¢ - TotalWORLD™ Sign-Up", "https://www.tcitel.com/?agentid=1029&program=twp"); subMenu1.addItem("6.9¢ - TotalCHOICE™ Info", "http://www.total-call-long-distance.com/totalchoice69.html"); subMenu1.addItem("6.9¢ - TotalCHOICE™ Sign-Up", "https://www.tcitel.com/?agentid=1029&program=tchp"); subMenu1.addItem("$24.95-TotalUNLIMITED™ Info", "http://www.total-call-long-distance.com/totalunlimited.html"); subMenu1.addItem("$24.95-TotalUNLIMITED™ Sign-Up", "https://www.tcitel.com/?agentid=1029&program=tun"); var subMenu1 = menu2.addMenu(menu2.items[1]); subMenu1.addItem("3.5¢ - TotalSILVER™ Info", "http://www.total-call-long-distance.com/totalsilver35.html"); subMenu1.addItem("3.5¢ - TotalSILVER™ Sign-Up", "https://www.tcitel.com/?agentid=1029&program=silv"); subMenu1.addItem("4.4¢ - TotalGOLD™ Info", "http://www.total-call-long-distance.com/totalgold44.html"); subMenu1.addItem("4.4¢ - TotalGOLD™ Sign-Up", "https://www.tcitel.com/?agentid=1029&program=gold"); subMenu1.addItem("4.9¢ - TotalPLATINUM™ Info", "http://www.total-call-long-distance.com/totalplatinum49.html"); subMenu1.addItem("4.9¢ - TotalPLATINUM™ Sign-Up", "https://www.tcitel.com/?agentid=1029&program=plat"); //var subMenu1 = menu2.addMenu(menu2.items[3]); //subMenu1.addItem("Signup", "/products/isp"); //subMenu1.addItem("Access Numbers", "/products/isp/accessnumbers"); // menu: Customer Care var menu3 = ms.addMenu(document.getElementById("menu3")); menu3.addItem("Frequently Asked Questions", "http://www.total-call-long-distance.com/faqn.html"); // menu: Contact Us var menu4 = ms.addMenu(document.getElementById("menu4")); menu4.addItem("Contact Info", "http://www.total-call-long-distance.com/contactn.html"); //================================================================================================== // 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(); }