|
|
Line 1: |
Line 1: |
- | {{Tsinghua:Common-Style}}
| + | <html> |
- | {{Tsinghua:Navigation-Style}}
| + | |
- | {{Tsinghua:Navigation-Script}}
| + | |
- | <html><body> | + | |
| <script type="text/javascript"> | | <script type="text/javascript"> |
- | window.onload = start;
| + | function start(){ |
- | </script>
| + | //Collapse all submenus |
- | <div id="main">
| + | $(".sub-menu").data("collapsed", true) |
- | <div id="header">
| + | .hide(); |
- | <div id="team-logo">
| + | $("h1.firstHeading").remove(); |
- | <img height="100%" src="https://static.igem.org/mediawiki/2013/b/b7/Tsinghua-logo.png"/>
| + | $("#p-logo").remove(); |
- | </div>
| + | $("#search-controls").remove(); |
- | <div id="title-box">
| + | $("#contentSub").remove(); |
- | <div id="title-bar">
| + | $("#siteSub").remove(); |
- | <img height="100%" src="https://static.igem.org/mediawiki/2013/1/1d/Tsinghua-left-diamond.png"/>
| + | } |
- | <span id="page-title">Main Page</span>
| + | |
- | <img height="100%" src="https://static.igem.org/mediawiki/2013/3/37/Tsinghua-right-diamond.png"/>
| + | //elem -- the menu-item element |
- | </div>
| + | function selectMenu(elem, page_title){ |
- | </div>
| + | //Deselect all menus |
- | </div>
| + | $('.menu-item').removeClass('menu-selected'); |
- | <div id="lefter">
| + | //Deselect all submenu items |
- | <div id="left-three-box">
| + | $('.sub-menu-item').removeClass('menu-selected'); |
- | <img src="https://static.igem.org/mediawiki/2013/9/92/Tsinghua-left-three-box.png" width="100%"/>
| + | //Select menu item |
- | </div>
| + | $(elem).addClass('menu-selected'); |
- | <div id="menu">
| + | //Collapse all other submenus |
- | <div class="menu-item">
| + | $('.sub-menu').each(function(){ |
- | <span onclick="selectMenu(this.parentElement, 'Main Page')">Main Page</span>
| + | if(!$(this).parent().hasClass('menu-selected')){ |
- | </div>
| + | $(this).data("collapsed", true).slideUp(); |
- | <div class="menu-item">
| + | } |
- | <span onclick="selectMenu(this.parentElement, 'Introduction')">Introduction</span>
| + | }); |
- | <div class="sub-menu">
| + | //Change page title |
- | <div class="sub-menu-item" onclick="selectSubMenu(this, 'Introduction - Background')">
| + | $('#page-title').text(page_title); |
- | Background
| + | //Expand the sub menu |
- | </div>
| + | subMenus = elem.getElementsByClassName('sub-menu'); |
- | <div class="sub-menu-item" onclick="selectSubMenu(this, 'Introduction - Challenge')">
| + | if(subMenus.length > 0){ |
- | Challenge
| + | submenu = subMenus[0]; |
- | </div>
| + | if($(submenu).data("collapsed")){ |
- | <div class="sub-menu-item" onclick="selectSubMenu(this, 'Introduction - Our Idea')">
| + | //Expand the sub menu |
- | Our Idea
| + | $(submenu).data("collapsed", false).slideDown(); |
- | </div>
| + | }else{ |
- | </div>
| + | //Collapse the sub menu |
- | </div>
| + | $(submenu).data('collapsed', true).slideUp(); |
- | <div class="menu-item">
| + | } |
- | <span onclick="selectMenu(this.parentElement, 'Project')">Project</span>
| + | } |
- | <div class="sub-menu">
| + | } |
- | <div class="sub-menu-item" onclick="selectSubMenu(this, 'Project - Overview')">
| + | |
- | Overview
| + | //When a sub-menu-item is selected |
- | </div>
| + | function selectSubMenu(elem, page_title){ |
- | <div class="sub-menu-item" onclick="selectSubMenu(this, 'Project - Part1: Sensor')">
| + | //Deselect all submenu items |
- | Part1: Sensor
| + | $(".sub-menu-item").removeClass("menu-selected"); |
- | </div>
| + | //Select current submenu item |
- | <div class="sub-menu-item" onclick="selectSubMenu(this, 'Project - Part2: Reporter')">
| + | $(elem).addClass("menu-selected"); |
- | Part2: Reporter
| + | //Change page title |
- | </div>
| + | $("#page-title").text(page_title); |
- | <div class="sub-menu-item" onclick="selectSubMenu(this, 'Project - Part3: Switching System')">
| + | } |
- | Part3: Switching System
| + | </script> |
- | </div>
| + | </html> |
- | <div class="sub-menu-item" onclick="selectSubMenu(this, 'Project - Product')">
| + | |
- | Product
| + | |
- | </div>
| + | |
- | <div class="sub-menu-item" onclick="selectSubMenu(this, 'Project - Summary')">
| + | |
- | Summary
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="menu-item">
| + | |
- | <span onclick="selectMenu(this.parentElement, 'Modelling')"><a href="Modeling.html">Modelling</a></span>
| + | |
- | </div>
| + | |
- | <div class="menu-item">
| + | |
- | <span onclick="selectMenu(this.parentElement, 'Outreach')">Outreach</span>
| + | |
- | <div class="sub-menu">
| + | |
- | <div class="sub-menu-item" onclick="selectSubMenu(this, 'Outreach - Human practice')">
| + | |
- | Human practice
| + | |
- | </div>
| + | |
- | <div class="sub-menu-item" onclick="selectSubMenu(this, 'Outreach - Safety')">
| + | |
- | Safety
| + | |
- | </div>
| + | |
- | <div class="sub-menu-item" onclick="selectSubMenu(this, 'Outreach - Collaboration')">
| + | |
- | Collaboration
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="menu-item">
| + | |
- | <span onclick="selectMenu(this.parentElement, 'Achievement')">Achievement</span>
| + | |
- | <div class="sub-menu">
| + | |
- | <div class="sub-menu-item" onclick="selectSubMenu(this, 'Achievement - BioBricks')">
| + | |
- | BioBricks
| + | |
- | </div>
| + | |
- | <div class="sub-menu-item" onclick="selectSubMenu(this, 'Achievement - Judging Criteria')">
| + | |
- | Judging Criteria
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="menu-item">
| + | |
- | <span onclick="selectMenu(this.parentElement, 'Notebook')">Notebook</span>
| + | |
- | <div class="sub-menu">
| + | |
- | <div class="sub-menu-item" onclick="selectSubMenu(this, 'Notebook - Protocol')">
| + | |
- | Protocol
| + | |
- | </div>
| + | |
- | <div class="sub-menu-item" onclick="selectSubMenu(this, 'Notebook - Lablog')">
| + | |
- | Lablog
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="menu-item">
| + | |
- | <span onclick="selectMenu(this.parentElement, 'Team')">Team</span>
| + | |
- | </div>
| + | |
- | <div class="menu-item">
| + | |
- | <span onclick="selectMenu(this.parentElement, 'Acknowledgement')">Acknowledgement</span>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div id="mycontent">
| + | |
- | <div class="normal">
| + | |
- | <p> </p>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </body></html>
| + | |