// 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.right, 145, -25, 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]) //================================================================================================== //var menu1 = ms.addMenu(document.getElementById("menu1")); //menu1.addItem("Apple iPad Facesplates", "apple-ipad-faceplates.html","_top"); //menu1.addItem("Apple iPad Combos", "apple-ipad-combos.html","_top"); //================================================================================================== var menu23 = ms.addMenu(document.getElementById("menu23")); menu23.addItem("Digital Coaxial Audio", "digital-coaxial-audio.html","_top"); menu23.addItem("Optical Toslink", "optical-toslink.html","_top"); menu23.addItem("Audio Cables - 2.5mm & 3.5mm", "2-5mm-3-5mm.html","_top"); menu23.addItem("Audio Cables - RCA", "audio-rca.html","_top"); menu23.addItem("Professional(XLR)", "audio-professional.html","_top"); //================================================================================================== //================================================================================================== var menu24 = ms.addMenu(document.getElementById("menu24")); menu24.addItem("Video Cables - DVI", "video-dvi.html","_top"); menu24.addItem("Video Cables - DisplayPort", "video-displayport.html","_top"); menu24.addItem("Video Cables - HDMI", "video-hdmi.html","_top"); menu24.addItem("Video Cables - HDMI with Ethernet", "video-hdmi-with-ethernet.html","_top"); menu24.addItem("Video Cables - HDMI & DVI", "video-hdmi-dvi.html","_top"); menu24.addItem("Video Cables - M1(P&D)", "video-m1.html","_top"); menu24.addItem("Video Cables - RCA Component", "video-rca-component.html","_top"); menu24.addItem("Video Cables - RCA Composite", "video-rca-composite.html","_top"); menu24.addItem("Video Cables - S-Video", "video-s-video.html","_top"); menu24.addItem("Video Cables - VGA/SVGA", "video-vga-svga.html","_top"); menu24.addItem("Video Cables - Mini-HDMI & HDMI", "video-mini-hdmi.html","_top"); menu24.addItem("Video Cables - Micro-HDMI/HDMI", "video-micro-hdmi.html","_top"); //================================================================================================== //================================================================================================== var menu25 = ms.addMenu(document.getElementById("menu25")); menu25.addItem("USB 2.0 Cables", "usb-2-cables.html","_top"); menu25.addItem("USB 3.0 Cables", "usb-3-cables.html","_top"); //================================================================================================== //================================================================================================== var menu26 = ms.addMenu(document.getElementById("menu26")); menu26.addItem("Parallel Print Cables", "parallel-print-cables.html","_top"); menu26.addItem("Serial Print Cables", "serial-print-cables.html","_top"); //================================================================================================== //================================================================================================== var menu27 = ms.addMenu(document.getElementById("menu27")); menu27.addItem("Hard Drive Cables - SCSI Cable", "hard-scsi-cable.html","_top"); menu27.addItem("Hard Drive Cables- Serial ATA(SATA)", "hard-serial-ata.html","_top"); //================================================================================================== //================================================================================================== var menu28 = ms.addMenu(document.getElementById("menu28")); menu28.addItem("Cat 5 Network Cables", "cat-5-network-cables.html","_top"); menu28.addItem("Cat 5e Network Cables", "cat-5e-network-cables.html","_top"); menu28.addItem("Cat 6 Network Cables", "cat-6-network-cables.html","_top"); //================================================================================================== //================================================================================================== var menu29 = ms.addMenu(document.getElementById("menu29")); menu29.addItem("Power Cords w/3 Conductor PC Power Connector", "power-cords.html","_top"); menu29.addItem("Right Angle Power Cords w/3 Conductor PC Power Connector", "right-angle-power-cords.html","_top"); menu29.addItem("Power Extensions", "power-extensions.html","_top"); menu29.addItem("AC Power Cables for Laptop", "ac-power-cables.html","_top"); //================================================================================================== //================================================================================================== var menu30 = ms.addMenu(document.getElementById("menu30")); menu30.addItem("Fiber Optic Cables - LC/LC", "single-lc-lc.html","_top"); menu30.addItem("Fiber Optic Cables - ST/ST", "single-st-st.html","_top"); menu30.addItem("Fiber Optic Cables - ST/SC", "single-st-sc.html","_top"); menu30.addItem("Fiber Optic Cables - SC/SC", "single-sc-sc.html","_top"); menu30.addItem("Fiber Optic Cables - LC/ST", "single-lc-st.html","_top"); menu30.addItem("Fiber Optic Cables - LC/SC", "single-lc-sc.html","_top"); menu30.addItem("Fiber Optic Cables - MTRJ/MTRJ", "single-mtrj-mtrj.html","_top"); menu30.addItem("Fiber Optic Cables - MTRJ/ST", "single-mtrj-st.html","_top"); menu30.addItem("Fiber Optic Cables - MTRJ/SC", "single-mtrj-sc.html","_top"); menu30.addItem("Fiber Optic Cables - MTRJ/LC", "single-mtrj-lc.html","_top"); //================================================================================================== //================================================================================================== var menu31 = ms.addMenu(document.getElementById("menu31")); menu31.addItem("Speaker Wires", "speaker-wires.html","_top"); menu31.addItem("Serial Cables", "serial-cables.html","_top"); menu31.addItem("Power Wire Harnesses (Internal)", "power-wire-harnesses.html","_top"); menu31.addItem("KVM Cables", "kvm-cables.html","_top"); menu31.addItem("Firewire Cables", "firewire-cables.html","_top"); menu31.addItem("CISCO Serial Cables", "cisco-serial-cables.html","_top"); menu31.addItem("D-Sub Jumper Wires", "d-sub-jumper-wires.html","_top"); menu31.addItem("PS/2 Mouse and Keyboard Cables", "mouse-keyboard-cables.html","_top"); //================================================================================================== // 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(); }