"
Template:UIUC Illinois Header
From 2011.igem.org
(Difference between revisions)
| Line 416: | Line 416: | ||
height: 20px; | height: 20px; | ||
| - | margin: | + | margin: 0px 0px 0px 0px; |
color: #475D72; | color: #475D72; | ||
| Line 448: | Line 448: | ||
color: #475D72; | color: #475D72; | ||
| - | margin: | + | margin: 0px 15px 0px 0px; |
} | } | ||
| 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="JavaScript" | + | <script language="JavaScript" type="text/javascript"> |
| + | |||
| + | /* | ||
| + | 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--> | ||
Revision as of 09:11, 28 September 2011
