Edinburgh University

From 2013.igem.org

(Difference between revisions)
m
Line 29: Line 29:
</style>
</style>
 +
       
<script type="text/javascript">
<script type="text/javascript">
-
    function showSubmenu(item) {
+
     
 +
      $(function() {
 +
          var menu = document.getElementById("menu_items");
 +
          var menu_items = menu.childNodes();
 +
          for (var i=0; i< menu_items.length; i++) {
 +
              menu_items[i].onmouseenter="showSubitems(menu_items[i])";
 +
              menu_items[i].onmouseleave="hideSubitems(menu_items[i])";
 +
          }
 +
    });
 +
   
 +
    function showSubmenu(item) {
           alert("showsubmenu");
           alert("showsubmenu");
           var children = this.childNodes();
           var children = this.childNodes();
Line 40: Line 51:
           }
           }
     }
     }
 +
   
 +
    function hideSubmenu(item) {
 +
          alert("showsubmenu");
 +
          var children = this.childNodes();
 +
          for (var i=0; i< children.length; i++) {
 +
              alert("wow");
 +
              children[i].display = "none";
 +
             
 +
          }
 +
    }
 +
 
</script>
</script>
Line 45: Line 67:
</html>
</html>
<div style="background-color:#EFF8FB;color:black;border:0px solid black;width:950px;height:940px;;">
<div style="background-color:#EFF8FB;color:black;border:0px solid black;width:950px;height:940px;;">
-
<div class="menu" onmouseover="alert(5)">  
+
<div class="menu">  
-
<ul>  
+
<ul id="menu_items">  
-
     <li class="menu_item" onmouseover="showSubmenu(this)"> [[Main Page|Menu test 1]]
+
     <li class="menu_item" > [[Main Page|Menu test 1]]
         <ul class="submenu">
         <ul class="submenu">
             <li class="menu_subitem"> Subitem 1 </li>
             <li class="menu_subitem"> Subitem 1 </li>
Line 53: Line 75:
         </ul>
         </ul>
     </li>
     </li>
-
     <li class="menu_item" onMouseOver="showSubmenu(this)">  [[Main Page|Menu test 2]] </li>
+
     <li class="menu_item">  [[Main Page|Menu test 2]] </li>
         <ul class="submenu">
         <ul class="submenu">
               <li class="menu_subitem"> Subitem </li>
               <li class="menu_subitem"> Subitem </li>

Revision as of 18:38, 26 June 2013


Home Team Official Team Profile Project Parts Submitted to the Registry Modeling Notebook Safety Attributions


More information and stylish changes coming soon ;)


Check out our Facebook page: https://www.facebook.com/Edigem2013.

You can also follow us on twitter at https://twitter.com/EdiGEM2013.

Highland-cow.jpg