"
Team:Calgary/Sandbox
From 2010.igem.org
(Difference between revisions)
| Line 12: | Line 12: | ||
// open hidden layer | // open hidden layer | ||
| - | function mopen(id) { | + | function mopen(id) |
| + | { | ||
// cancel close timer | // cancel close timer | ||
mcancelclosetime(); | mcancelclosetime(); | ||
| - | + | ||
// close old layer | // close old layer | ||
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden'; | if(ddmenuitem) ddmenuitem.style.visibility = 'hidden'; | ||
| - | + | ||
// get new layer and show it | // get new layer and show it | ||
ddmenuitem = document.getElementById(id); | ddmenuitem = document.getElementById(id); | ||
ddmenuitem.style.visibility = 'visible'; | ddmenuitem.style.visibility = 'visible'; | ||
| - | + | ||
} | } | ||
// close showed layer | // close showed layer | ||
| - | function mclose() { | + | function mclose() |
| + | { | ||
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden'; | if(ddmenuitem) ddmenuitem.style.visibility = 'hidden'; | ||
} | } | ||
| - | + | ||
// go close timer | // go close timer | ||
| - | function mclosetime() { | + | function mclosetime() |
| + | { | ||
closetimer = window.setTimeout(mclose, timeout); | closetimer = window.setTimeout(mclose, timeout); | ||
} | } | ||
| - | + | ||
// cancel close timer | // cancel close timer | ||
| - | function mcancelclosetime() { | + | function mcancelclosetime() |
| - | if(closetimer) { | + | { |
| + | if(closetimer) | ||
| + | { | ||
window.clearTimeout(closetimer); | window.clearTimeout(closetimer); | ||
closetimer = null; | closetimer = null; | ||
| Line 44: | Line 49: | ||
// close layer when click-out | // close layer when click-out | ||
document.onclick = mclose; | document.onclick = mclose; | ||
| - | |||
| - | |||
</script> | </script> | ||
| Line 70: | Line 73: | ||
margin: 0 1px 0 0; | margin: 0 1px 0 0; | ||
padding: 4px 10px; | padding: 4px 10px; | ||
| - | width: | + | width: 100px; |
background: #FF0000; | background: #FF0000; | ||
color: #FFF; | color: #FFF; | ||
| Line 94: | Line 97: | ||
margin: 0; | margin: 0; | ||
padding: 5px 10px; | padding: 5px 10px; | ||
| - | width: | + | width: 150px; |
white-space: nowrap; | white-space: nowrap; | ||
text-align: left; | text-align: left; | ||
| Line 117: | Line 120: | ||
Home</a> | Home</a> | ||
<div id="m1" | <div id="m1" | ||
| - | onmouseover=" | + | onmouseover="mcancelclosetime()" |
onmouseout="mclosetime()"> | onmouseout="mclosetime()"> | ||
<a href="#">News</a> | <a href="#">News</a> | ||
| Line 129: | Line 132: | ||
Team</a> | Team</a> | ||
<div id="m2" | <div id="m2" | ||
| - | onmouseover=" | + | onmouseover="mcancelclosetime()" |
onmouseout="mclosetime()"> | onmouseout="mclosetime()"> | ||
<a href="#">Undergraduates</a> | <a href="#">Undergraduates</a> | ||
<a href="#">Advisors</a> | <a href="#">Advisors</a> | ||
<a href="#">About the University</a> | <a href="#">About the University</a> | ||
| - | + | <a href="#">Acknowledgements</a> | |
</div> | </div> | ||
</li> | </li> | ||
| Line 144: | Line 147: | ||
Project</a> | Project</a> | ||
<div id="m3" | <div id="m3" | ||
| - | onmouseover=" | + | onmouseover="mcancelclosetime()" |
onmouseout="mclosetime()"> | onmouseout="mclosetime()"> | ||
<a href="#">Project Overview</a> | <a href="#">Project Overview</a> | ||
| - | <a href="#"> | + | <a href="#">Cellular Stress</a> |
<a href="#">Modelling</a> | <a href="#">Modelling</a> | ||
</div> | </div> | ||
| Line 157: | Line 160: | ||
onmouseout="mclosetime()"> | onmouseout="mclosetime()"> | ||
Parts Submitted</a> | Parts Submitted</a> | ||
| - | <div id="m4"> | + | <div id="m4" |
| + | onmouseover="mcancelclosetime()" | ||
| + | onmouseout="mclosetime()"> | ||
<a href="#">Team Favourites</a> | <a href="#">Team Favourites</a> | ||
<a href="#">Other Parts</a> | <a href="#">Other Parts</a> | ||
| Line 167: | Line 172: | ||
onmouseout="mclosetime()"> | onmouseout="mclosetime()"> | ||
Notebook</a> | Notebook</a> | ||
| - | <div id="m5" | + | <div id="m5" |
| - | + | onmouseover="mcancelclosetime()" | |
| - | <a href="#"> | + | onmouseout="mclosetime()"> |
| - | <a href="#"> | + | <a href="#">Notebook</a> |
| + | <a href="#">Safety and Protocols</a> | ||
</div> | </div> | ||
</li> | </li> | ||
<li><a href="#" | <li><a href="#" | ||
| - | onmouseover="mopen(' | + | onmouseover="mopen('m6')" |
onmouseout="mclosetime()"> | onmouseout="mclosetime()"> | ||
Community</a> | Community</a> | ||
| - | <div id=" | + | <div id="m6" |
| + | onmouseover="mcancelclosetime()" | ||
| + | onmouseout="mclosetime()"> | ||
<a href="#">Ethics</a> | <a href="#">Ethics</a> | ||
<a href="#">Outreach</a> | <a href="#">Outreach</a> | ||
Revision as of 22:25, 8 July 2010
