// 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, 1, 0, TransMenu.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("Flowers")); menu1.addItem("Congratulations", "http://www.111flowers.com/shop/index.php?action=category&id=1&subid=133"); menu1.addItem("Flowers & Food", "http://www.111flowers.com/shop/index.php?action=category&id=1&subid=134"); menu1.addItem("Flowers & Gift", "http://www.111flowers.com/shop/index.php?action=category&id=1&subid=135"); menu1.addItem("Flowers Basket", "http://www.111flowers.com/shop/index.php?action=category&id=1&subid=136"); menu1.addItem("Get Well", "http://www.111flowers.com/shop/index.php?action=category&id=1&subid=137"); menu1.addItem("Graduation", "http://www.111flowers.com/shop/index.php?action=category&id=1&subid=185"); menu1.addItem("Hand Bouquet", "http://www.111flowers.com/shop/index.php?action=category&id=1&subid=138"); menu1.addItem("New Born", "http://www.111flowers.com/shop/index.php?action=category&id=1&subid=139"); menu1.addItem("Sympathy", "http://www.111flowers.com/shop/index.php?action=category&id=1&subid=140"); menu1.addItem("Wedding", "http://www.111flowers.com/shop/index.php?action=category&id=1&subid=184"); //================================================================================================== //================================================================================================== var menu2 = ms.addMenu(document.getElementById("Plants")); menu2.addItem("Bonsai", "http://www.111flowers.com/shop/index.php?action=category&id=2&subid=129"); menu2.addItem("Cactus", "http://www.111flowers.com/shop/index.php?action=category&id=2&subid=130"); menu2.addItem("Tropical Exotics", "http://www.111flowers.com/shop/index.php?action=category&id=2&subid=132"); //================================================================================================== //================================================================================================== var menu3 = ms.addMenu(document.getElementById("Gourmet Treat")); menu3.addItem("Big Apple Donuts", "http://www.111flowers.com/shop/index.php?action=category&id=13&subid=183"); menu3.addItem("Cakes", "http://www.111flowers.com/shop/index.php?action=category&id=13&subid=120"); menu3.addItem("Chocoholics", "http://www.111flowers.com/shop/index.php?action=category&id=13&subid=121"); menu3.addItem("Domino's Pizza", ""); menu3.addItem("Hampers", "http://www.111flowers.com/shop/index.php?action=category&id=13&subid=123"); menu3.addItem("KFC", "http://www.111flowers.com/shop/index.php?action=category&id=13&subid=124"); menu3.addItem("Original Cookies", "http://www.111flowers.com/shop/index.php?action=category&id=13&subid=126"); menu3.addItem("Secret Recipe Cakes", ""); menu3.addItem("Tasteful Delights", "http://www.111flowers.com/shop/index.php?action=category&id=13&subid=128"); var submenu0 = menu3.addMenu(menu3.items[3]); submenu0.addItem("Domino's - Regular", "http://www.111flowers.com/shop/index.php?action=category&id=13&subid=122"); submenu0.addItem("Domino's - Large", "http://www.111flowers.com/shop/index.php?action=category&id=13&subid=127"); var submenu0 = menu3.addMenu(menu3.items[7]); submenu0.addItem("Cheese Cakes", "http://www.111flowers.com/shop/index.php?action=category&id=13&subid=180"); submenu0.addItem("Chocolates Cakes", "http://www.111flowers.com/shop/index.php?action=category&id=13&subid=179"); //================================================================================================== var menu4 = ms.addMenu(document.getElementById("Huggy Corner")); menu4.addItem("Heart of Pillows", "http://www.111flowers.com/shop/index.php?action=category&id=3&subid=113"); menu4.addItem("Huggy Bunch", "http://www.111flowers.com/shop/index.php?action=category&id=3&subid=115"); menu4.addItem("Precious Cats", "http://www.111flowers.com/shop/index.php?action=category&id=3&subid=116"); menu4.addItem("Puppy Hugs", "http://www.111flowers.com/shop/index.php?action=category&id=3&subid=117"); menu4.addItem("Teddy Bears", "http://www.111flowers.com/shop/index.php?action=category&id=3&subid=118"); //================================================================================================== var menu5 = ms.addMenu(document.getElementById("Greeting Cards")); menu5.addItem("Anniversary", "http://www.111flowers.com/shop/index.php?action=category&id=4&subid=90"); menu5.addItem("Apology", "http://www.111flowers.com/shop/index.php?action=category&id=4&subid=91"); menu5.addItem("Birthday", "http://www.111flowers.com/shop/index.php?action=category&id=4&subid=92"); menu5.addItem("Candle Cards", "http://www.111flowers.com/shop/index.php?action=category&id=4&subid=93"); menu5.addItem("Condolence", "http://www.111flowers.com/shop/index.php?action=category&id=4&subid=94"); menu5.addItem("Congratulations", "http://www.111flowers.com/shop/index.php?action=category&id=4&subid=95"); menu5.addItem("Encouragement", "http://www.111flowers.com/shop/index.php?action=category&id=4&subid=96"); menu5.addItem("Friendship", "http://www.111flowers.com/shop/index.php?action=category&id=4&subid=99"); menu5.addItem("Get Well", "http://www.111flowers.com/shop/index.php?action=category&id=4&subid=100"); menu5.addItem("Giant Cards", "http://www.111flowers.com/shop/index.php?action=category&id=4&subid=101"); menu5.addItem("Hari Raya", "http://www.111flowers.com/shop/index.php?action=category&id=4&subid=98"); menu5.addItem("Loving You", "http://www.111flowers.com/shop/index.php?action=category&id=4&subid=102"); menu5.addItem("Mini Frame", "http://www.111flowers.com/shop/index.php?action=category&id=4&subid=103"); menu5.addItem("Missing You", "http://www.111flowers.com/shop/index.php?action=category&id=4&subid=104"); menu5.addItem("New Birth", "http://www.111flowers.com/shop/index.php?action=category&id=4&subid=105"); menu5.addItem("Pop Up Cards", "http://www.111flowers.com/shop/index.php?action=category&id=4&subid=107"); menu5.addItem("Post Cards", "http://www.111flowers.com/shop/index.php?action=category&id=4&subid=108"); menu5.addItem("Romantic Hearts", "http://www.111flowers.com/shop/index.php?action=category&id=4&subid=109"); menu5.addItem("Thank You", "http://www.111flowers.com/shop/index.php?action=category&id=4&subid=111"); menu5.addItem("Thinking of You", "http://www.111flowers.com/shop/index.php?action=category&id=4&subid=112"); //================================================================================================== var menu6 = ms.addMenu(document.getElementById("Men")); menu6.addItem("Classic Collectibles", "http://www.111flowers.com/shop/index.php?action=category&id=5&subid=81"); menu6.addItem("Gadgets & Games", "http://www.111flowers.com/shop/index.php?action=category&id=5&subid=82"); menu6.addItem("Small Accessories", "http://www.111flowers.com/shop/index.php?action=category&id=5&subid=84"); menu6.addItem("Ties", "http://www.111flowers.com/shop/index.php?action=category&id=5&subid=85"); menu6.addItem("Times Pieces", "http://www.111flowers.com/shop/index.php?action=category&id=5&subid=86"); menu6.addItem("Wallets & belts", "http://www.111flowers.com/shop/index.php?action=category&id=5&subid=88"); //================================================================================================== var menu7 = ms.addMenu(document.getElementById("Women")); menu7.addItem("Brooches", "http://www.111flowers.com/shop/index.php?action=category&id=6&subid=68"); menu7.addItem("Fun & Fitness", "http://www.111flowers.com/shop/index.php?action=category&id=6&subid=69"); menu7.addItem("Fun Collectibles", "http://www.111flowers.com/shop/index.php?action=category&id=6&subid=70"); menu7.addItem("Handbags", "http://www.111flowers.com/shop/index.php?action=category&id=6&subid=71"); menu7.addItem("Jewellery & Pendants", "http://www.111flowers.com/shop/index.php?action=category&id=6&subid=73"); menu7.addItem("Keys To Hearts", "http://www.111flowers.com/shop/index.php?action=category&id=6&subid=74"); menu7.addItem("Purse & Scarf", "http://www.111flowers.com/shop/index.php?action=category&id=6&subid=72"); menu7.addItem("Simply Spectacular", "http://www.111flowers.com/shop/index.php?action=category&id=6&subid=77"); menu7.addItem("Swarovski", "http://www.111flowers.com/shop/index.php?action=category&id=6&subid=78"); menu7.addItem("Treasure Boxes", "http://www.111flowers.com/shop/index.php?action=category&id=6&subid=79"); menu7.addItem("Watches For Her", "http://www.111flowers.com/shop/index.php?action=category&id=6&subid=80"); //================================================================================================== var menu8 = ms.addMenu(document.getElementById("Kids")); menu8.addItem("Baby Toys", "http://www.111flowers.com/shop/index.php?action=category&id=7&subid=63"); menu8.addItem("Lil' Prince", "http://www.111flowers.com/shop/index.php?action=category&id=7&subid=64"); menu8.addItem("Lil' Princess", "http://www.111flowers.com/shop/index.php?action=category&id=7&subid=65"); //================================================================================================== var menu9 = ms.addMenu(document.getElementById("Romantic Living")); menu9.addItem("Annekabouke - USA", "http://www.111flowers.com/shop/index.php?action=category&id=8&subid=52"); menu9.addItem("Fun Magnets", "http://www.111flowers.com/shop/index.php?action=category&id=8&subid=53"); menu9.addItem("Home Decor", "http://www.111flowers.com/shop/index.php?action=category&id=8&subid=54"); menu9.addItem("Keepsakes", "http://www.111flowers.com/shop/index.php?action=category&id=8&subid=55"); menu9.addItem("Love Hooks", "http://www.111flowers.com/shop/index.php?action=category&id=8&subid=56"); menu9.addItem("Lovely Mugs", "http://www.111flowers.com/shop/index.php?action=category&id=8&subid=57"); menu9.addItem("Mila Design - Germany", "http://www.111flowers.com/shop/index.php?action=category&id=8&subid=58"); menu9.addItem("Photo Frames", "http://www.111flowers.com/shop/index.php?action=category&id=8&subid=59"); menu9.addItem("Romantic Candles", "http://www.111flowers.com/shop/index.php?action=category&id=8&subid=60"); menu9.addItem("Swopper", "http://www.111flowers.com/shop/index.php?action=category&id=8&subid=61"); menu9.addItem("Vases", "http://www.111flowers.com/shop/index.php?action=category&id=8&subid=62"); //================================================================================================== var menu10 = ms.addMenu(document.getElementById("Balloons")); menu10.addItem("Anniversary", "http://www.111flowers.com/shop/index.php?action=category&id=9&subid=41"); menu10.addItem("Congratulations", "http://www.111flowers.com/shop/index.php?action=category&id=9&subid=42"); menu10.addItem("Get Well", "http://www.111flowers.com/shop/index.php?action=category&id=9&subid=43"); menu10.addItem("Happy Birthday", "http://www.111flowers.com/shop/index.php?action=category&id=9&subid=44"); menu10.addItem("I'm Sorry / Welcome", "http://www.111flowers.com/shop/index.php?action=category&id=9&subid=50"); menu10.addItem("Love You", "http://www.111flowers.com/shop/index.php?action=category&id=9&subid=45"); menu10.addItem("New Birth", "http://www.111flowers.com/shop/index.php?action=category&id=9&subid=46"); menu10.addItem("Thank You", "http://www.111flowers.com/shop/index.php?action=category&id=9&subid=47"); menu10.addItem("Wishing You", "http://www.111flowers.com/shop/index.php?action=category&id=9&subid=51"); //================================================================================================== var menu11 = ms.addMenu(document.getElementById("Designer Gifts")); menu11.addItem("Designer Bouquet", "http://www.111flowers.com/shop/index.php?action=category&id=10&subid=25"); menu11.addItem("Temple Of Time", "http://www.111flowers.com/shop/index.php?action=category&id=10&subid=26"); menu11.addItem("Crystal Collectibles", "http://www.111flowers.com/shop/index.php?action=category&id=10&subid=27"); menu11.addItem("Classic Selections", "http://www.111flowers.com/shop/index.php?action=category&id=10&subid=28"); //================================================================================================== var menu12 = ms.addMenu(document.getElementById("Occasion")); menu12.addItem("Anniversary", "http://www.111flowers.com/shop/index.php?action=category&id=11&subid=8"); menu12.addItem("Apology", "http://www.111flowers.com/shop/index.php?action=category&id=11&subid=9"); menu12.addItem("Birthday", "http://www.111flowers.com/shop/index.php?action=category&id=11&subid=10"); menu12.addItem("Congratulations", "http://www.111flowers.com/shop/index.php?action=category&id=11&subid=11"); menu12.addItem("Friendship", "http://www.111flowers.com/shop/index.php?action=category&id=11&subid=12"); menu12.addItem("Get Well", "http://www.111flowers.com/shop/index.php?action=category&id=11&subid=13"); menu12.addItem("Graduation", "http://www.111flowers.com/shop/index.php?action=category&id=11&subid=181"); menu12.addItem("Housewarming", "http://www.111flowers.com/shop/index.php?action=category&id=11&subid=14"); menu12.addItem("Love & Romance", "http://www.111flowers.com/shop/index.php?action=category&id=11&subid=15"); menu12.addItem("New Born", "http://www.111flowers.com/shop/index.php?action=category&id=11&subid=16"); menu12.addItem("Sympathy", "http://www.111flowers.com/shop/index.php?action=category&id=11&subid=17"); menu12.addItem("Thank You", "http://www.111flowers.com/shop/index.php?action=category&id=11&subid=18"); menu12.addItem("Valentine", "http://www.111flowers.com/shop/index.php?action=category&id=11&subid=19"); menu12.addItem("Wedding", "http://www.111flowers.com/shop/index.php?action=category&id=11&subid=20"); // 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(); }