Template:Tsinghua:Navigation-Script

From 2013.igem.org

(Difference between revisions)
 
(5 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<script type="text/javascript">
<script type="text/javascript">
-
function setupMenu(){
+
function initialize(){
-
//Collapse all submenus
+
$("h1.firstHeading").remove();
-
$(".sub-menu").data("collapsed", true)
+
    $("#p-logo").remove();
-
.hide();
+
    $("#search-controls").remove();
-
        $("h1.firstHeading").remove();
+
    $("#contentSub").remove();
-
        $("#p-logo").remove();
+
    $("#siteSub").remove();
-
        $("#search-controls").remove();
+
}
-
        $("#contentSub").remove();
+
function setupMenu(imenuItem, isubmenuItem){
-
        $("#siteSub").remove();
+
//Initialize data
 +
//Collapse all submenus
 +
$(".sub-menu").data("collapsed", true).hide();
 +
//Show the selected menu item
 +
var menuItem = $($(".menu-item").get(imenuItem));
 +
//Select the menu item
 +
menuItem.addClass("menu-selected");
 +
//Select submenu item
 +
var submenu = menuItem.children(".sub-menu");
 +
var hasSubmenu = (submenu.length > 0);
 +
if(hasSubmenu){
 +
  submenu.data("collapsed", false).show();
 +
  var submenuItem = $(submenu.children(".sub-menu-item").get(isubmenuItem));
 +
  submenuItem.addClass("menu-selected");
 +
}
 +
//Set events
 +
$(".menu-item span").click(function(){
 +
  var submenu = $(this).next();
 +
  var hasSubmenu = (submenu.length > 0);
 +
  var collapsed = true;
 +
  if(hasSubmenu){
 +
  collapsed = submenu.data("collapsed");
 +
  }
 +
  //Select and expand this menu item
 +
  var parentDiv = $(this).parent();
 +
  //Deselect and collapse all other menu items
 +
  $("div.menu-item").not(parentDiv)
 +
  .removeClass("menu-selected")
 +
  .children(".sub-menu")
 +
  .data("collapsed", true)
 +
  .slideUp();
 +
  parentDiv.addClass("menu-selected");
 +
  if(hasSubmenu){
 +
  if(collapsed){
 +
    submenu.data("collapsed", false).slideDown();
 +
  }else{
 +
    submenu.data("collapsed", true).slideUp();
 +
  }
 +
  }
 +
});
 +
$("div.sub-menu-item").click(function(){
 +
  //Deselect other submenu items
 +
  $("div.sub-menu-item").removeClass("menu-selected");
 +
  //Select this submenu item
 +
  $(this).addClass("menu-selected");
 +
});
}
}
function setupSectionNavs(){
function setupSectionNavs(){
-
$(document).ready(function() {
+
$(document).ready(function() {
-
$("div.section").hide();
+
    $("div.section").hide();
-
$("div.section1").show();
+
    $("div.section1").show();
-
$("#section-nav li").click(function() {
+
    $("#section-nav li").click(function() {
-
$("div.section").hide();
+
    $("div.section").hide();
-
var sectionName = $(this).attr("class");
+
    var sectionName = $(this).attr("class");
-
$("div." + sectionName).show();
+
    $("div." + sectionName).show();
-
});
+
    });
-
});
+
  });
-
}
+
-
 
+
-
//elem -- the menu-item element
+
-
function selectMenu(elem, page_title){
+
-
//Deselect all menus
+
-
$('.menu-item').removeClass('menu-selected');
+
-
//Deselect all submenu items
+
-
$('.sub-menu-item').removeClass('menu-selected');
+
-
//Select menu item
+
-
$(elem).addClass('menu-selected');
+
-
//Collapse all other submenus
+
-
$('.sub-menu').each(function(){
+
-
if(!$(this).parent().hasClass('menu-selected')){
+
-
$(this).data("collapsed", true).slideUp();
+
-
}
+
-
});
+
-
//Change page title
+
-
$('#page-title').text(page_title);
+
-
//Expand the sub menu
+
-
subMenus = elem.getElementsByClassName('sub-menu');
+
-
if(subMenus.length > 0){
+
-
submenu = subMenus[0];
+
-
if($(submenu).data("collapsed")){
+
-
//Expand the sub menu
+
-
$(submenu).data("collapsed", false).slideDown();
+
-
}else{
+
-
//Collapse the sub menu
+
-
$(submenu).data('collapsed', true).slideUp();
+
-
}
+
-
}
+
-
}
+
-
 
+
-
//When a sub-menu-item is selected
+
-
function selectSubMenu(elem, page_title){
+
-
//Deselect all submenu items
+
-
$(".sub-menu-item").removeClass("menu-selected");
+
-
//Select current submenu item
+
-
$(elem).addClass("menu-selected");
+
-
//Change page title
+
-
$("#page-title").text(page_title);
+
}
}
</script>
</script>
</html>
</html>

Latest revision as of 08:01, 16 July 2014

Retrieved from "http://2013.igem.org/Template:Tsinghua:Navigation-Script"