Wiki/api.php

From 2013.igem.org

(Difference between revisions)
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>
+

Revision as of 12:53, 25 September 2013

Retrieved from "http://2013.igem.org/Wiki/api.php"