Team:UCSF/Search

From 2010.igem.org

(Difference between revisions)
Line 105: Line 105:
<p>&nbsp;</p>
<p>&nbsp;</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>
 +
<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>
<div id="Long">
<div id="Long">
   <div id="apDiv2">
   <div id="apDiv2">

Revision as of 04:18, 30 August 2010

Untitled Document

 

 

Min Lin

 

 

 

 

 

 

 

 

Min Lin

 

 

 

 

 

MIN

 

 

 

 

 

 

MIN

 

 

 

 

 

 

MIN