"
Team:Colorado State
From 2012.igem.org
(Difference between revisions)
| Line 265: | Line 265: | ||
} //end function fade | } //end function fade | ||
| + | |||
| + | </script> | ||
| + | <script type="text/javascript"> | ||
| + | |||
| + | //******************************************************************* | ||
| + | //************************DROPDOWN SCRIPT**************************** | ||
| + | //******************************************************************* | ||
| + | |||
| + | var DDSPEED = 10; | ||
| + | var DDTIMER = 15; | ||
| + | |||
| + | // main function to handle the mouse events // | ||
| + | function ddMenu(id,d){ | ||
| + | var h = document.getElementById(id + '-ddheader'); | ||
| + | var c = document.getElementById(id + '-ddcontent'); | ||
| + | clearInterval(c.timer); | ||
| + | if(d == 1){ | ||
| + | clearTimeout(h.timer); | ||
| + | if(c.maxh && c.maxh <= c.offsetHeight){return} | ||
| + | else if(!c.maxh){ | ||
| + | c.style.display = 'block'; | ||
| + | c.style.height = 'auto'; | ||
| + | c.maxh = c.offsetHeight; | ||
| + | c.style.height = '0px'; | ||
| + | } | ||
| + | c.timer = setInterval(function(){ddSlide(c,1)},DDTIMER); | ||
| + | }else{ | ||
| + | h.timer = setTimeout(function(){ddCollapse(c)},50); | ||
| + | } | ||
| + | } | ||
| + | |||
| + | // collapse the menu // | ||
| + | function ddCollapse(c){ | ||
| + | c.timer = setInterval(function(){ddSlide(c,-1)},DDTIMER); | ||
| + | } | ||
| + | |||
| + | // cancel the collapse if a user rolls over the dropdown // | ||
| + | function cancelHide(id){ | ||
| + | var h = document.getElementById(id + '-ddheader'); | ||
| + | var c = document.getElementById(id + '-ddcontent'); | ||
| + | clearTimeout(h.timer); | ||
| + | clearInterval(c.timer); | ||
| + | if(c.offsetHeight < c.maxh){ | ||
| + | c.timer = setInterval(function(){ddSlide(c,1)},DDTIMER); | ||
| + | } | ||
| + | } | ||
| + | |||
| + | // incrementally expand/contract the dropdown and change the opacity // | ||
| + | function ddSlide(c,d){ | ||
| + | var currh = c.offsetHeight; | ||
| + | var dist; | ||
| + | if(d == 1){ | ||
| + | dist = (Math.round((c.maxh - currh) / DDSPEED)); | ||
| + | }else{ | ||
| + | dist = (Math.round(currh / DDSPEED)); | ||
| + | } | ||
| + | if(dist <= 1 && d == 1){ | ||
| + | dist = 1; | ||
| + | } | ||
| + | c.style.height = currh + (dist * d) + 'px'; | ||
| + | c.style.opacity = currh / c.maxh; | ||
| + | c.style.filter = 'alpha(opacity=' + (currh * 100 / c.maxh) + ')'; | ||
| + | if((currh < 2 && d != 1) || (currh > (c.maxh - 2) && d == 1)){ | ||
| + | clearInterval(c.timer); | ||
| + | } | ||
| + | } | ||
</script> | </script> | ||
Revision as of 19:09, 17 July 2012
|
Edit page
http://rclouse145.wix.com/2012csuigem#!home/mainPage
http://rclouse145.wix.com/2012csuigem#!home/mainPage
Duis nonsequ ismodol et oreetuer iril dolore facidunt, vulluptat volore consecte dolesed dolor velit ver adionse ot magnisc illandi et gniamet, vendre feum veniamc onullutpatin hent ipit wisi esse dolesting ero dunt utpatin vel ipit, quation ullum aut prat. Am autet, quatet nos od minci euip enim deles sequisl et ullutat augait facilla ad ea autpatie eui blan henim adte facip eugait lametue rostis nonsenibh exeriliquat incin heniam, secte at dolesequat nulla facilit la consectet nim iusto dunt utpatin vel ipit, quation magnis do et nit augiatie erat.
