// 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, 10, 13, 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("produkty")); menu1.addItem('Fabskin Professional novinka!', ""); // send no URL if nothing should happen onclick menu1.addItem("Fabskin Travelling", ""); // send no URL if nothing should happen onclick menu1.addItem("Fabskin - Dámská kolekce", ""); menu1.addItem("Fabskin - Pánská kolekce", "");// send no URL if nothing should happen onclick var submenu0 = menu1.addMenu(menu1.items[2]); //damska kolekce submenu0.addItem("2vrstvá bunda", "pages/main.php?page=produkty&product_color=cervena&vert_napis=snowwolf&product=Butterfly_b"); submenu0.addItem("2,5vrstvá bunda", "pages/main.php?page=produkty&product_color=modra&vert_napis=snowwolf&product=Montana_b"); submenu0.addItem("2vrstvé kalhoty", ""); var submenu00 = submenu0.addMenu(submenu0.items[2]); submenu00.addItem("Rainstorm","pages/main.php?page=produkty&product_color=sediva&vert_napis=rainstorm&product=Rainstorm_k_dam"); submenu00.addItem("Rainstorm celorozepínací","pages/main.php?page=produkty&product_color=sediva&vert_napis=rainstorm&product=Rainstorm_k_zip_dam"); //panska kolekce var submenu1 = menu1.addMenu(menu1.items[3]); submenu1.addItem("3vrstvá bunda", ""); submenu1.addItem("2vrstvá bunda", ""); submenu1.addItem("2v1 bunda", "pages/main.php?page=produkty&product_color=cervena&vert_napis=2v1champ&product=Champion_b_pan"); submenu1.addItem("3vrstvé kalhoty", "pages/main.php?page=produkty&product_color=cerna&vert_napis=snowstorm&product=Snowstorm_k_pan"); submenu1.addItem("2vrstvé kalhoty", ""); var submenu00 = submenu1.addMenu(submenu1.items[0]); submenu00.addItem("Snowstorm","pages/main.php?page=produkty&product_color=cervena&vert_napis=snowstorm&product=Snowstorm_b_pan"); submenu00.addItem("Flamengo","pages/main.php?page=produkty&product_color=oranzova&vert_napis=snowwolf&product=Flamengo_b_pan"); var submenu01 = submenu1.addMenu(submenu1.items[1]); submenu01.addItem("Rainstorm","pages/main.php?page=produkty&product_color=modra&vert_napis=rainstorm&product=Rainstorm_b_pan"); submenu01.addItem("Chiru","pages/main.php?page=produkty&product_color=modra&vert_napis=chiru&product=Chiru_b_pan"); var submenu04 = submenu1.addMenu(submenu1.items[4]); submenu04.addItem("Rainstorm","pages/main.php?page=produkty&product_color=cerna&vert_napis=rainstorm&product=Rainstorm_k_pan"); submenu04.addItem("Rainstorm celorozepínací","pages/main.php?page=produkty&product_color=cerna&vert_napis=rainstorm&product=Rainstorm_k_zip_pan"); //traveling var submenu2 = menu1.addMenu(menu1.items[1]); submenu2.addItem("2vrstvé kalhoty", "pages/main.php?page=produkty&product_color=cerna&vert_napis=snowwolf&product=Duff_k_trav"); submenu2.addItem('Pánské bundy', ""); submenu2.addItem('Dámské bundy', ""); var submenu06 = submenu2.addMenu(submenu2.items[1]); submenu06.addItem('Snowbank novinka!',"pages/main.php?page=produkty&product_color=modra&vert_napis=snowwolf&product=Snowbank_b_pan"); submenu06.addItem("Moris","pages/main.php?page=produkty&product_color=modra&vert_napis=snowwolf&product=Moris_b_trav"); submenu06.addItem("Jimi celorozepínací","pages/main.php?page=produkty&product_color=modra&vert_napis=snowwolf&product=Jimi_b_trav"); var submenu07 = submenu2.addMenu(submenu2.items[2]); submenu07.addItem('Banepa novinka!',"pages/main.php?page=produkty&product_color=modra&vert_napis=snowwolf&product=Banepa_b_dam"); submenu07.addItem('Ghorka novinka!',"pages/main.php?page=produkty&product_color=modra&vert_napis=snowwolf&product=Ghorka_b_dam"); //profesional var submenu3 = menu1.addMenu(menu1.items[0]); submenu3.addItem("Pánské bundy", ""); submenu3.addItem("Dámské bundy", ""); var submenu03 = submenu3.addMenu(submenu3.items[0]); submenu03.addItem("Himal", "pages/main.php?page=produkty&product_color=modra&vert_napis=snowwolf&product=Himal_b_pan"); submenu03.addItem("Rainshadow", "pages/main.php?page=produkty&product_color=modra&vert_napis=snowwolf&product=Rainshadow_b_pan"); var submenu05 = submenu3.addMenu(submenu3.items[1]); submenu05.addItem("Rainbow", "pages/main.php?page=produkty&product_color=modra&vert_napis=snowwolf&product=Rainbow_b_dam"); //================================================================================================== // var menu2 = ms.addMenu(document.getElementById("materialy")); // menu2.addItem("FABSKIN", "pages/main.php?page=materialy&vert_napis=snowwolf&material=fabskin"); // menu2.addItem("FABDRY", "pages/main.php?page=materialy&vert_napis=snowwolf&material=fabdry"); // menu2.addItem("FABWOOL", "pages/main.php?page=materialy&vert_napis=snowwolf&material=fabwool"); // menu2.addItem("DURAFLEX", "pages/main.php?page=materialy&vert_napis=snowwolf&material=duraflex"); // menu2.addItem("YKK", "pages/main.php?page=materialy&vert_napis=snowwolf&material=ykk"); // menu2.addItem("DUPONT", "pages/main.php?page=materialy&vert_napis=snowwolf&material=dupont"); // menu2.addItem("PAIHO", "pages/main.php?page=materialy&vert_napis=snowwolf&material=paiho"); // menu2.addItem("TORAY", "pages/main.php?page=materialy&vert_napis=snowwolf&material=toray"); //================================================================================================== //================================================================================================== //================================================================================================== // 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(); }