|
|
Line 1: |
Line 1: |
- | <!-- {{:Team:Alberta/LeftBarCSS}} -->
| + | {{:Team:Alberta/LeftBarCSS}} |
- | <HTML><HEAD>
| + | |
- | <script type="text/javascript">
| + | |
- | <!--
| + | |
- | /* This script and many more are available free online at
| + | |
- | The JavaScript Source :: http://javascript.internet.com
| + | |
- | Created by: Travis Beckham :: http://www.squidfingers.com | http://www.podlob.com */
| + | |
| | | |
- | /* Coded by Travis Beckham
| |
- | http://www.squidfingers.com | http://www.podlob.com
| |
- | version date: 06/02/03
| |
- | If want to use this code, feel free to do so, but please leave this message intact. */
| |
- |
| |
- | // Node Functions
| |
- |
| |
- | if(!window.Node){
| |
- | var Node = {ELEMENT_NODE : 1, TEXT_NODE : 3};
| |
- | }
| |
- |
| |
- | function checkNode(node, filter){
| |
- | return (filter == null || node.nodeType == Node[filter] || node.nodeName.toUpperCase() == filter.toUpperCase());
| |
- | }
| |
- |
| |
- | function getChildren(node, filter){
| |
- | var result = new Array();
| |
- | var children = node.childNodes;
| |
- | for(var i = 0; i < children.length; i++){
| |
- | if(checkNode(children[i], filter)) result[result.length] = children[i];
| |
- | }
| |
- | return result;
| |
- | }
| |
- |
| |
- | function getChildrenByElement(node){
| |
- | return getChildren(node, "ELEMENT_NODE");
| |
- | }
| |
- |
| |
- | function getFirstChild(node, filter){
| |
- | var child;
| |
- | var children = node.childNodes;
| |
- | for(var i = 0; i < children.length; i++){
| |
- | child = children[i];
| |
- | if(checkNode(child, filter)) return child;
| |
- | }
| |
- | return null;
| |
- | }
| |
- |
| |
- | function getFirstChildByText(node){
| |
- | return getFirstChild(node, "TEXT_NODE");
| |
- | }
| |
- |
| |
- | function getNextSibling(node, filter){
| |
- | for(var sibling = node.nextSibling; sibling != null; sibling = sibling.nextSibling){
| |
- | if(checkNode(sibling, filter)) return sibling;
| |
- | }
| |
- | return null;
| |
- | }
| |
- | function getNextSiblingByElement(node){
| |
- | return getNextSibling(node, "ELEMENT_NODE");
| |
- | }
| |
- |
| |
- | // Menu Functions & Properties
| |
- |
| |
- | var activeMenu = null;
| |
- |
| |
- | function showMenu() {
| |
- | if(activeMenu){
| |
- | activeMenu.className = "";
| |
- | getNextSiblingByElement(activeMenu).style.display = "none";
| |
- | }
| |
- | if(this == activeMenu){
| |
- | activeMenu = null;
| |
- | } else {
| |
- | this.className = "active";
| |
- | getNextSiblingByElement(this).style.display = "block";
| |
- | activeMenu = this;
| |
- | }
| |
- | return false;
| |
- | }
| |
- |
| |
- | function initMenu(){
| |
- | var menus, menu, text, a, i;
| |
- | menus = getChildrenByElement(document.getElementById("menu"));
| |
- | for(i = 0; i < menus.length; i++){
| |
- | menu = menus[i];
| |
- | text = getFirstChildByText(menu);
| |
- | a = document.createElement("a");
| |
- | menu.replaceChild(a, text);
| |
- | a.appendChild(text);
| |
- | a.href = "#";
| |
- | a.onclick = showMenu;
| |
- | a.onfocus = function(){this.blur()};
| |
- | }
| |
- | }
| |
- |
| |
- | if(document.createElement) window.onload = initMenu;
| |
- | //-->
| |
- | </script>
| |
- | </HEAD>
| |
- |
| |
- | <body>
| |
| <div id="menu"> | | <div id="menu"> |
| | | |
Line 105: |
Line 7: |
| </ul> | | </ul> |
| | | |
- | | + | <ul> |
| <li class="menu_header">Project</li> | | <li class="menu_header">Project</li> |
| <hr> | | <hr> |
| <hr> | | <hr> |
- | <ul id="menu">
| + | <li>[[Team:Alberta/Project/Bioinformatics | '''Bio Informatics''']]</li> |
- | <li><a href="https://2009.igem.org/Team:Alberta/Project/Bioinformatics">Bio Informatics</a> | + | <li>[[Team:Alberta/Project/Primer_Design | Primer Design]]</li> |
- | <ol>
| + | <li>[[Team:Alberta/Project/Promoters_&_Terminators | Promoters/Terminators]]</li> |
- | <li>Primer Design</li> | + | <li>[[Team:Alberta/Project/Modeling | Modeling]]</li> |
- | <li>Promoters/Terminators</li> | + | <li>[[Team:Alberta/Project/Gene_Selection | Gene Selection]]</li> |
- | <li>Modeling</li> | + | |
- | <li>Gene Selection</li> | + | |
- | </ol></li></ul>
| + | |
- | | + | |
| <hr> | | <hr> |
| <hr> | | <hr> |
Line 140: |
Line 38: |
| | | |
| </div> | | </div> |
- | </body>
| |
- | </HTML>
| |