Team:UCSF/Search
From 2010.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
- | <html> | + | <html xmlns="http://www.w3.org/1999/xhtml"> |
<head> | <head> | ||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
Line 13: | Line 13: | ||
} | } | ||
#Long { | #Long { | ||
- | position: | + | position:absolute; |
left:276px; | left:276px; | ||
top:0px; | top:0px; | ||
Line 21: | Line 21: | ||
} | } | ||
#apDiv1 { | #apDiv1 { | ||
- | position: | + | position:absolute; |
left:285px; | left:285px; | ||
top:15px; | top:15px; | ||
Line 29: | Line 29: | ||
} | } | ||
#apDiv2 { | #apDiv2 { | ||
- | position: | + | position:absolute; |
width:80px; | width:80px; | ||
height:115px; | height:115px; | ||
Line 42: | Line 42: | ||
<p> </p> | <p> </p> | ||
<div id="SideBar"><img src="https://static.igem.org/mediawiki/2008/0/0e/UCSF2008logo2.jpg" width="276" height="288" longdesc="https://static.igem.org/mediawiki/2008/0/0e/UCSF2008logo2.jpg" /></div> | <div id="SideBar"><img src="https://static.igem.org/mediawiki/2008/0/0e/UCSF2008logo2.jpg" width="276" height="288" longdesc="https://static.igem.org/mediawiki/2008/0/0e/UCSF2008logo2.jpg" /></div> | ||
+ | <div id="Long"> | ||
+ | <div id="apDiv2"> | ||
+ | <p>Min Lin</p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p>Min Lin</p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p>MIN</p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p>MIN</p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | </div> | ||
+ | </div> | ||
<script type="text/javascript"><!-- | <script type="text/javascript"><!-- | ||
/* Script by: www.jtricks.com | /* Script by: www.jtricks.com | ||
- | * Version: | + | * Version: 20071127 |
* Latest version: | * Latest version: | ||
- | * www.jtricks.com/javascript/navigation/ | + | * www.jtricks.com/javascript/navigation/fixed_menu.html |
*/ | */ | ||
- | + | fixedMenuId = 'SideBar'; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | var fixedMenu = | ||
+ | { | ||
hasInner: typeof(window.innerWidth) == 'number', | hasInner: typeof(window.innerWidth) == 'number', | ||
- | hasElement: | + | hasElement: document.documentElement != null |
- | + | && document.documentElement.clientWidth, | |
- | menu: | + | menu: document.getElementById |
- | + | ? document.getElementById(fixedMenuId) | |
- | ? document.getElementById( | + | |
: document.all | : document.all | ||
- | ? document.all[ | + | ? document.all[fixedMenuId] |
- | : document.layers[ | + | : document.layers[fixedMenuId] |
}; | }; | ||
- | + | fixedMenu.computeShifts = function() | |
{ | { | ||
- | + | fixedMenu.shiftX = fixedMenu.hasInner | |
- | + | ? pageXOffset | |
- | + | : fixedMenu.hasElement | |
- | + | ? document.documentElement.scrollLeft | |
- | + | : document.body.scrollLeft; | |
- | + | if (fixedMenu.targetLeft > 0) | |
- | + | fixedMenu.shiftX += fixedMenu.targetLeft; | |
- | + | else | |
- | + | ||
- | + | ||
- | ? pageXOffset | + | |
- | : | + | |
- | ? | + | |
- | : document.body.scrollLeft; | + | |
- | if ( | + | |
{ | { | ||
- | + | fixedMenu.shiftX += | |
- | + | (fixedMenu.hasElement | |
- | + | ? document.documentElement.clientWidth | |
- | + | : fixedMenu.hasInner | |
+ | ? window.innerWidth - 20 | ||
+ | : document.body.clientWidth) | ||
+ | - fixedMenu.targetRight | ||
+ | - fixedMenu.menu.offsetWidth; | ||
} | } | ||
- | + | fixedMenu.shiftY = fixedMenu.hasInner | |
- | + | ||
? pageYOffset | ? pageYOffset | ||
- | : | + | : fixedMenu.hasElement |
- | ? | + | ? document.documentElement.scrollTop |
: document.body.scrollTop; | : document.body.scrollTop; | ||
- | if ( | + | if (fixedMenu.targetTop > 0) |
+ | fixedMenu.shiftY += fixedMenu.targetTop; | ||
+ | else | ||
{ | { | ||
- | + | fixedMenu.shiftY += | |
+ | (fixedMenu.hasElement | ||
+ | ? document.documentElement.clientHeight | ||
+ | : fixedMenu.hasInner | ||
+ | ? window.innerHeight - 20 | ||
+ | : document.body.clientHeight) | ||
+ | - fixedMenu.targetBottom | ||
+ | - fixedMenu.menu.offsetHeight; | ||
+ | } | ||
+ | }; | ||
+ | |||
+ | fixedMenu.moveMenu = function() | ||
+ | { | ||
+ | fixedMenu.computeShifts(); | ||
+ | |||
+ | if (fixedMenu.currentX != fixedMenu.shiftX | ||
+ | || fixedMenu.currentY != fixedMenu.shiftY) | ||
+ | { | ||
+ | fixedMenu.currentX = fixedMenu.shiftX; | ||
+ | fixedMenu.currentY = fixedMenu.shiftY; | ||
+ | |||
+ | if (document.layers) | ||
{ | { | ||
- | + | fixedMenu.menu.left = fixedMenu.currentX; | |
- | + | fixedMenu.menu.top = fixedMenu.currentY; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
else | else | ||
{ | { | ||
- | + | fixedMenu.menu.style.left = fixedMenu.currentX + 'px'; | |
- | + | fixedMenu.menu.style.top = fixedMenu.currentY + 'px'; | |
- | + | ||
- | + | ||
} | } | ||
} | } | ||
- | |||
- | + | fixedMenu.menu.style.right = ''; | |
- | + | fixedMenu.menu.style.bottom = ''; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
}; | }; | ||
- | + | fixedMenu.floatMenu = function() | |
{ | { | ||
- | + | fixedMenu.moveMenu(); | |
- | + | setTimeout('fixedMenu.floatMenu()', 20); | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | setTimeout(' | + | |
}; | }; | ||
// addEvent designed by Aaron Moore | // addEvent designed by Aaron Moore | ||
- | + | fixedMenu.addEvent = function(element, listener, handler) | |
{ | { | ||
if(typeof element[listener] != 'function' || | if(typeof element[listener] != 'function' || | ||
Line 222: | Line 189: | ||
var r = true; | var r = true; | ||
e = (e) ? e : window.event; | e = (e) ? e : window.event; | ||
- | for(var i = element[listener + '_num'] | + | for(var i = 0; i < element[listener + '_num']; i++) |
- | + | if(element[listener + i](e) === false) | |
- | if(element[listener + i](e) == false) | + | |
r = false; | r = false; | ||
- | |||
return r; | return r; | ||
} | } | ||
Line 239: | Line 204: | ||
}; | }; | ||
- | + | fixedMenu.supportsFixed = function() | |
{ | { | ||
- | + | var testDiv = document.createElement("div"); | |
- | + | testDiv.id = "testingPositionFixed"; | |
+ | testDiv.style.position = "fixed"; | ||
+ | testDiv.style.top = "0px"; | ||
+ | testDiv.style.right = "0px"; | ||
+ | document.body.appendChild(testDiv); | ||
+ | var offset = 1; | ||
+ | if (typeof testDiv.offsetTop == "number" | ||
+ | && testDiv.offsetTop != null | ||
+ | && testDiv.offsetTop != "undefined") | ||
+ | { | ||
+ | offset = parseInt(testDiv.offsetTop); | ||
+ | } | ||
+ | if (offset == 0) | ||
+ | { | ||
+ | return true; | ||
+ | } | ||
+ | |||
+ | return false; | ||
}; | }; | ||
- | + | fixedMenu.init = function() | |
- | + | ||
- | + | ||
{ | { | ||
- | + | if (fixedMenu.supportsFixed()) | |
- | + | fixedMenu.menu.style.position = "fixed"; | |
- | + | else | |
- | + | { | |
- | + | var ob = | |
+ | document.layers | ||
+ | ? fixedMenu.menu | ||
+ | : fixedMenu.menu.style; | ||
- | + | fixedMenu.targetLeft = parseInt(ob.left); | |
- | + | fixedMenu.targetTop = parseInt(ob.top); | |
- | + | fixedMenu.targetRight = parseInt(ob.right); | |
- | + | fixedMenu.targetBottom = parseInt(ob.bottom); | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | if (document.layers) | |
- | + | { | |
- | + | menu.left = 0; | |
- | + | menu.top = 0; | |
- | + | } | |
- | + | fixedMenu.addEvent(window, 'onscroll', fixedMenu.moveMenu); | |
- | + | fixedMenu.floatMenu(); | |
- | + | } | |
- | + | }; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | fixedMenu.addEvent(window, 'onload', fixedMenu.init); | ||
+ | |||
+ | //--></script> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 04:30, 30 August 2010
Min Lin
Min Lin
MIN
MIN