Template:Code

From 2013.igem.org

(Difference between revisions)
Line 86: Line 86:
<script type="text/javascript">
<script type="text/javascript">
        
        
-
     $(function() {
+
     $(function() {
-
    // Stick the #nav to the top of the window
+
          var menu = document.getElementById("side_menu_items");
-
    var nav = $('#side_menu_items');
+
          var menu_items = menu.childNodes;
-
    var navHomeY = nav.offset().top;
+
          for (var i=0; i< menu_items.length; i++) {
-
    var isFixed = false;
+
              if (menu_items[i].tagName == "LI") {
-
    var $w = $(window);
+
                  menu_items[i].onmouseover = (function() {
-
    $w.scroll(function() {
+
                                                    var item = menu_items[i];
-
        var scrollTop = $w.scrollTop();
+
                                                    return function() {
-
        var shouldBeFixed = scrollTop > navHomeY;
+
                                                          var children = item.childNodes;
-
        if (shouldBeFixed && !isFixed) {
+
                                                          for (var j=0; j< children.length; j++) {
-
            nav.css({
+
                                                              if (children[j].tagName == "UL") {
-
                position: 'fixed',
+
                                                                  children[j].style.display="block";     
-
                top: 0,
+
                                                              }
-
                left: nav.offset().left,
+
                                                          }
-
                width: nav.width()
+
                                                         
-
            });
+
                                                    }
-
            isFixed = true;
+
                                                })();
-
        }
+
 
-
        else if (!shouldBeFixed && isFixed)
+
                  menu_items[i].onmouseout = (function() {
-
        {
+
                                                    var item = menu_items[i];
-
            nav.css({
+
                                                    return function() {
-
                position: 'static'
+
                                                          var children = item.childNodes;
-
            });
+
                                                          for (var j=0; j< children.length; j++) {
-
            isFixed = false;
+
                                                              if (children[j].tagName == "UL") {
-
        }
+
                                                                  children[j].style.display= "none";    
-
    });
+
                                                              }
-
});
+
                                                          }
 +
                                                         
 +
                                                    }
 +
                                                })();
 +
              }
 +
          }
 +
    });
var links = document.getElementsByTagName( 'a' );
var links = document.getElementsByTagName( 'a' );

Revision as of 15:21, 2 July 2013

Retrieved from "http://2013.igem.org/Template:Code"