// 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 //================================================================================================== //menu2_news var menu2 = ms.addMenu(document.getElementById("topMenuElement2")); menu2.addItem("Updated News", "/silkdb/doc/update.html"); //menu3_database var menu3 = ms.addMenu(document.getElementById("topMenuElement3")); menu3.addItem("Browse Genome", "/silkdb/genome"); //menu4_database var menu4 = ms.addMenu(document.getElementById("topMenuElement4")); menu4.addItem("Browse Microarray data", "http://silkworm.swu.edu.cn/microarray"); //menu5_soft var menu5 = ms.addMenu(document.getElementById("topMenuElement5")); menu5.addItem("SilkMap", "http://silkworm.swu.edu.cn/silksoft/silkmap.html"); menu5.addItem("BLAST", "http://silkworm.swu.edu.cn/silksoft/blast2-simple.html"); menu5.addItem("Wego", "http://silkworm.swu.edu.cn/wego"); menu5.addItem("ClustalW", "http://silkworm.swu.edu.cn/silksoft/clustalw-simple.html"); menu5.addItem("Cap3", "http://silkworm.swu.edu.cn/silksoft/cap3.html"); menu5.addItem("bl2seq", "http://silkworm.swu.edu.cn/silksoft/bl2seq-simple.html"); menu5.addItem("EMBOSS", ""); var submenu10 = menu5.addMenu(menu5.items[6]); submenu10.addItem("cutseq", "http://silkworm.swu.edu.cn/silksoft/cutseq-simple.html"); submenu10.addItem("tranalign", "http://silkworm.swu.edu.cn/silksoft/tranalign-simple.html"); submenu10.addItem("showorf", "http://silkworm.swu.edu.cn/silksoft/showorf-simple.html"); submenu10.addItem("showalign", "http://silkworm.swu.edu.cn/silksoft/showalign-simple.html"); submenu10.addItem("revseq", "http://silkworm.swu.edu.cn/silksoft/revseq-simple.html"); submenu10.addItem("pepstats", "http://silkworm.swu.edu.cn/silksoft/pepstats-simple.html"); submenu10.addItem("est2genome", "http://silkworm.swu.edu.cn/silksoft/est2genome-simple.html"); submenu10.addItem("backtranseq", "http://silkworm.swu.edu.cn/silksoft/backtranseq-simple.html"); submenu10.addItem("coderet", "http://silkworm.swu.edu.cn/silksoft/coderet-simple.html"); submenu10.addItem("compseq", "http://silkworm.swu.edu.cn/silksoft/compseq-simple.html"); submenu10.addItem("dottup", "http://silkworm.swu.edu.cn/silksoft/dottup-simple.html"); submenu10.addItem("einverted", "http://silkworm.swu.edu.cn/silksoft/einverted-simple.html"); submenu10.addItem("equicktandem", "http://silkworm.swu.edu.cn/silksoft/equicktandem-simple.html"); submenu10.addItem("trimseq", "http://silkworm.swu.edu.cn/silksoft/trimseq-simple.html"); submenu10.addItem("sirna", "http://silkworm.swu.edu.cn/silksoft/sirna-simple.html"); submenu10.addItem("needle", "http://silkworm.swu.edu.cn/silksoft/needle-simple.html"); menu5.addItem("wise2","http://silkworm.swu.edu.cn/silksoft/wise2-simple.html"); //menu6_resource var menu6 = ms.addMenu(document.getElementById("topMenuElement6")); menu6.addItem("FTP", "/silkdb/doc/download.html"); menu6.addItem("Microarray Data", "http://silkworm.swu.edu.cn/microarray/download.html"); //menu7_document var menu7 = ms.addMenu(document.getElementById("topMenuElement7")); menu7.addItem("Quick Start Guide", "/silkdb/doc/help.html"); menu7.addItem("FAQs", "/silkdb/doc/FAQs.html"); //menu8_link var menu8 = ms.addMenu(document.getElementById("topMenuElement8")); menu8.addItem("SilkDB (V1.0)", "http://silkdb.genomics.org.cn/silkworm"); menu8.addItem("SGP", "http://sgp.dna.affrc.go.jp/"); menu8.addItem("SilkBase", "http://morus.ab.a.u-tokyo.ac.jp"); menu8.addItem("SilkSatDb", "http://210.212.212.7:9999/PHP/SILKSAT/index.php"); menu8.addItem("KAIKO 2DDB", "http://kaiko2ddb.dna.affrc.go.jp/cgi-bin/search_2DDB.cgi"); menu8.addItem("WildSilkBase", "http://www.cdfd.org.in/wildsilkbase/home.php"); menu8.addItem("ButterflyBase", "http://butterflybase.ice.mpg.de/"); menu8.addItem("SPODOBASE", "http://bioweb.ensam.inra.fr/spodobase/"); menu8.addItem("LocustDB", "http://locustdb.genomics.org.cn/"); menu8.addItem("Antheraea mylitta EST", "http://www.btc.iitkgp.ernet.in/amyBASE/homepage.html"); menu8.addItem("FlyBase", "http://flybase.bio.indiana.edu/"); menu8.addItem("BeeBase", "http://racerx00.tamu.edu/bee_resources.html"); menu8.addItem("AnoBase", "http://www.anobase.org/"); //menu9_about var menu9 = ms.addMenu(document.getElementById("topMenuElement9")); menu9.addItem("Overview", "/silkdb/doc/overview.html"); menu9.addItem("Contact us", ""); var submenu11 = menu9.addMenu(menu9.items[1]); submenu11.addItem("Qing-you Xia", "mailto:xiaqy@swu.edu.cn"); submenu11.addItem("Ze Zhang", "mailto:zezhang@swu.edu.cn"); //================================================================================================== // 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(); } function menuInit() { //========================================================================================== // if supported, initialize TransMenus //========================================================================================== // Check isSupported() so that menus aren't accidentally sent to non-supporting browsers. // This is better than server-side checking because it will also catch browsers which would // normally support the menus but have javascript disabled. // // If supported, call initialize() and then hook whatever image rollover code you need to do // to the .onactivate and .ondeactivate events for each menu. //========================================================================================== if (TransMenu.isSupported()) { TransMenu.initialize(); // hook all the highlight swapping of the main toolbar to menu activation/deactivation // instead of simple rollover to get the effect where the button stays highlit until // the menu is closed. document.getElementById("topMenuElement216").onmouseover = function() { window.status ="/"; ms.hideCurrent(); this.className = "hover"; } document.getElementById("topMenuElement216").onmouseout = function() { window.status =""; this.className = ""; } menu2.onactivate = function() { document.getElementById("topMenuElement2").className = "hover"; }; menu2.ondeactivate = function() { document.getElementById("topMenuElement2").className = ""; }; menu3.onactivate = function() { document.getElementById("topMenuElement3").className = "hover"; }; menu3.ondeactivate = function() { document.getElementById("topMenuElement3").className = ""; }; menu4.onactivate = function() { document.getElementById("topMenuElement4").className = "hover"; }; menu4.ondeactivate = function() { document.getElementById("topMenuElement4").className = ""; }; menu5.onactivate = function() { document.getElementById("topMenuElement5").className = "hover"; }; menu5.ondeactivate = function() { document.getElementById("topMenuElement5").className = ""; }; menu6.onactivate = function() { document.getElementById("topMenuElement6").className = "hover"; }; menu6.ondeactivate = function() { document.getElementById("topMenuElement6").className = ""; }; menu7.onactivate = function() { document.getElementById("topMenuElement7").className = "hover"; }; menu7.ondeactivate = function() { document.getElementById("topMenuElement7").className = ""; }; menu8.onactivate = function() { document.getElementById("topMenuElement8").className = "hover"; }; menu8.ondeactivate = function() { document.getElementById("topMenuElement8").className = ""; }; menu9.onactivate = function() { document.getElementById("topMenuElement9").className = "hover"; }; menu9.ondeactivate = function() { document.getElementById("topMenuElement9").className = ""; }; } }