Team:UCSF/Search
From 2010.igem.org
(Difference between revisions)
(Removing all content from page) |
|||
Line 1: | Line 1: | ||
+ | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | ||
+ | <html xmlns="http://www.w3.org/1999/xhtml"> | ||
+ | <head> | ||
+ | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
+ | <title>Untitled Document</title> | ||
+ | <style type="text/css"> | ||
+ | #SideBar { | ||
+ | position:absolute; | ||
+ | left:0px; | ||
+ | top:0px; | ||
+ | width:276px; | ||
+ | bottom:0px; | ||
+ | z-index:1; | ||
+ | } | ||
+ | #Long { | ||
+ | position:absolute; | ||
+ | left:276px; | ||
+ | top:0px; | ||
+ | width:80px; | ||
+ | height:1240px; | ||
+ | z-index:2; | ||
+ | } | ||
+ | #apDiv1 { | ||
+ | position:absolute; | ||
+ | left:285px; | ||
+ | top:15px; | ||
+ | width:61px; | ||
+ | height:25px; | ||
+ | z-index:3; | ||
+ | } | ||
+ | #apDiv2 { | ||
+ | position:absolute; | ||
+ | width:80px; | ||
+ | height:115px; | ||
+ | z-index:1; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | <body> | ||
+ | |||
+ | <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">Min Lin</div> | ||
+ | </div> | ||
+ | <script type="text/javascript"><!-- | ||
+ | /* Script by: www.jtricks.com | ||
+ | * Version: 20071127 | ||
+ | * Latest version: | ||
+ | * www.jtricks.com/javascript/navigation/fixed_menu.html | ||
+ | */ | ||
+ | fixedMenuId = 'SideBar'; | ||
+ | |||
+ | var fixedMenu = | ||
+ | { | ||
+ | hasInner: typeof(window.innerWidth) == 'number', | ||
+ | hasElement: document.documentElement != null | ||
+ | && document.documentElement.clientWidth, | ||
+ | |||
+ | menu: document.getElementById | ||
+ | ? document.getElementById(fixedMenuId) | ||
+ | : document.all | ||
+ | ? document.all[fixedMenuId] | ||
+ | : 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 | ||
+ | { | ||
+ | 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 | ||
+ | : fixedMenu.hasElement | ||
+ | ? document.documentElement.scrollTop | ||
+ | : document.body.scrollTop; | ||
+ | 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 | ||
+ | { | ||
+ | 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); | ||
+ | }; | ||
+ | |||
+ | // addEvent designed by Aaron Moore | ||
+ | fixedMenu.addEvent = function(element, listener, handler) | ||
+ | { | ||
+ | if(typeof element[listener] != 'function' || | ||
+ | typeof element[listener + '_num'] == 'undefined') | ||
+ | { | ||
+ | element[listener + '_num'] = 0; | ||
+ | if (typeof element[listener] == 'function') | ||
+ | { | ||
+ | element[listener + 0] = element[listener]; | ||
+ | element[listener + '_num']++; | ||
+ | } | ||
+ | element[listener] = function(e) | ||
+ | { | ||
+ | var r = true; | ||
+ | e = (e) ? e : window.event; | ||
+ | for(var i = 0; i < element[listener + '_num']; i++) | ||
+ | if(element[listener + i](e) === false) | ||
+ | r = false; | ||
+ | return r; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | //if handler is not already stored, assign it | ||
+ | for(var i = 0; i < element[listener + '_num']; i++) | ||
+ | if(element[listener + i] == handler) | ||
+ | return; | ||
+ | element[listener + element[listener + '_num']] = handler; | ||
+ | element[listener + '_num']++; | ||
+ | }; | ||
+ | |||
+ | 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> | ||
+ | </html> |
Revision as of 04:05, 30 August 2010
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Min Lin