|
|
| Line 1,198: |
Line 1,198: |
| | <div id="sub-nav" onmouseover="clear_delayhide()" onmouseout="resetit(event)"></div> | | <div id="sub-nav" onmouseover="clear_delayhide()" onmouseout="resetit(event)"></div> |
| | | | |
| - | <script language="JavaScript1.2">
| + | <script language="JavaScript" src="http://www.igem.xarus.net/subnav.js" type="text/javascript"></script> |
| - | | + | |
| - | /*
| + | |
| - | Tabs Menu (mouseover)- By Dynamic Drive
| + | |
| - | For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
| + | |
| - | This credit MUST stay intact for use
| + | |
| - | */
| + | |
| - | | + | |
| - | var submenu=new Array()
| + | |
| - | | + | |
| - | //Set submenu contents. Expand as needed. For each content, make sure everything exists on ONE LINE. Otherwise, there will be JS errors.
| + | |
| - |
| + | |
| - | submenu[0]='<ul><li><a href="">Overview</a></li><li>|</li><li><a href="">Members</a></li><li>|</li><li><a href="">University</a></li></ul>'
| + | |
| - | | + | |
| - | submenu[1]='<ul><li><a href="">Overall View</a></li><li>|</li><li><a href="">Lambda Shuttle</a></li><li>|</li><li><a href="">Lambda Chrome</a></li><li>|</li><li><a href="">P22 Shuttle</a></li><li>|</li><li><a href="">P22 Chrome</a></li><li>|</li><li><a href="">Crisper / Lambda Red</a></li><li>|</li><li><a href="">Protocol</a></li><li>|</li><li><a href="">Parts Submitted</a></li></ul>'
| + | |
| - | | + | |
| - | submenu[2]='<ul><li><a href="">Test Link</a></li><li>|</li><li><a href="">Test Link</a></li><li>|</li><li><a href="">Test Link</a></li><li>|</li><li><a href="">Test Link</a></li><li>|</li><li><a href="">Test Link</a></li>></ul>'
| + | |
| - | | + | |
| - | submenu[3]='<ul><li><a href="">Lab Notebook</a></li><li>|</li><li><a href="">Newsletters</a></li><li>|</li><li><a href="">Meeting Minutes</a></li></ul>'
| + | |
| - | | + | |
| - | submenu[4]='<ul><li><a href="">Test Link</a></li><li>|</li><li><a href="">Test Link</a></li><li>|</li><li><a href="">Test Link</a></li><li>|</li><li><a href="">Test Link</a></li><li>|</li><li><a href="">Test Link</a></li></ul>'
| + | |
| - | | + | |
| - | submenu[5]='<ul><li><a href="">Sponsors</a></li><li>|</li><li><a href="">Contributions</a></li><li>|</li><li><a href="">University</a></li>s</ul>'
| + | |
| - | | + | |
| - | //Set delay before submenu disappears after mouse moves out of it (in milliseconds)
| + | |
| - | var delay_hide=500
| + | |
| - | | + | |
| - | /////No need to edit beyond here
| + | |
| - | | + | |
| - | var menuobj=document.getElementById? document.getElementById("sub-nav") : document.all? document.all.sub-nav : document.layers? document.dep1.document.dep2 : ""
| + | |
| - | | + | |
| - | function showit(which){
| + | |
| - | clear_delayhide()
| + | |
| - | thecontent=(which==-1)? "" : submenu[which]
| + | |
| - | if (document.getElementById||document.all)
| + | |
| - | menuobj.innerHTML=thecontent
| + | |
| - | else if (document.layers){
| + | |
| - | menuobj.document.write(thecontent)
| + | |
| - | menuobj.document.close()
| + | |
| - | }
| + | |
| - | }
| + | |
| - | | + | |
| - | function resetit(e){
| + | |
| - | if (document.all&&!menuobj.contains(e.toElement))
| + | |
| - | delayhide=setTimeout("showit(-1)",delay_hide)
| + | |
| - | else if (document.getElementById&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
| + | |
| - | delayhide=setTimeout("showit(-1)",delay_hide)
| + | |
| - | }
| + | |
| - | | + | |
| - | function clear_delayhide(){
| + | |
| - | if (window.delayhide)
| + | |
| - | clearTimeout(delayhide)
| + | |
| - | }
| + | |
| - | | + | |
| - | function contains_ns6(a, b) {
| + | |
| - | while (b.parentNode)
| + | |
| - | if ((b = b.parentNode) == a)
| + | |
| - | return true;
| + | |
| - | return false;
| + | |
| - | }
| + | |
| - | | + | |
| - | </script>
| + | |
| | | | |
| | <!--Sub Nav End--> | | <!--Sub Nav End--> |
"
