Difference between revisions of "Template:2016Demo bottom"

 
(16 intermediate revisions by the same user not shown)
Line 19: Line 19:
  
  
 +
      var currentHubMenu; // Save the current menu that needs to be displayed
  
  
 
$(document).ready(function() {
 
$(document).ready(function() {
  
−
        currentHubMenu = findCurrentHubMenu(); //Check if it is the main page and displays main menu if so
+
        currentHubMenu = findCurrentHubMenu();
 +
 
 +
if (currentHubMenu) { // if the function returns a positive value - there is a hub menu display it
  
−
if (currentHubMenu) {
 
 
whichPageMenu( "https://2015.igem.org/Menu/DemoSafety" + " " + "#" + currentHubMenu );
 
whichPageMenu( "https://2015.igem.org/Menu/DemoSafety" + " " + "#" + currentHubMenu );
 
                 }  
 
                 }  
  
−
else {
+
else { // if the value is negative, show the main menu
 
showMainMenu();
 
showMainMenu();
 
               }
 
               }
Line 35: Line 37:
 
});
 
});
  
 +
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  
  
  
  
 +
 +
//LOOK FOR A MENU BASED ON THE HUB LIST ARRAY
 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  
  
−
 
+
       var findCurrentHubMenu = function() {  // Look for the hub menu
−
      var currentHubMenu; // save the current menu that needs to be displayed
+
−
 
+
−
     
+
−
       var findCurrentHubMenu = function() {  // function to find the current menu, if applicable, using wgPageName
+
  
 
for ( var i=0; i< hub_list.length; i++ ) {
 
for ( var i=0; i< hub_list.length; i++ ) {
  
 
if ( wgPageName.indexOf( hub_list[i] ) > -1 ) {
 
if ( wgPageName.indexOf( hub_list[i] ) > -1 ) {
−
return hub_list[i];
+
return hub_list[i];           //return that it has been found
 
}
 
}
 
       }       
 
       }       
 
       }
 
       }
−
 
  
 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
Line 63: Line 63:
  
  
−
// THIS DECIDES WHAT HUB MENU TO SHOW
+
// THIS CALLS THE HUB MENU THAT IS SPECIFIED
 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  
Line 80: Line 80:
  
  
−
// SHOW MAIN MENU
+
// SHOW MAIN MENU - hide navigation between hub menus since it is not needed
 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  
Line 86: Line 86:
  
 
$( "#menuDisplay" ).load( "https://2015.igem.org/Menu/DemoSafety #MainPage_menu", function() {
 
$( "#menuDisplay" ).load( "https://2015.igem.org/Menu/DemoSafety #MainPage_menu", function() {
−
activateLoadedMenu();
+
 
 +
activateLoadedMenu();
  
 
// MODIFIES THE CSS TO HIDE THE NAVIGATE BETWEEN MENUS BUTTON
 
// MODIFIES THE CSS TO HIDE THE NAVIGATE BETWEEN MENUS BUTTON
Line 108: Line 109:
 
// ACTIVATE CERTAIN FUNCTIONS ONCE THE MENU IS LOADED  
 
// ACTIVATE CERTAIN FUNCTIONS ONCE THE MENU IS LOADED  
 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
−
 
  
 
function activateLoadedMenu() {
 
function activateLoadedMenu() {
Line 138: Line 138:
 
$(".switch_Menus").html(" &#9654; ");   
 
$(".switch_Menus").html(" &#9654; ");   
 
                                         whichPageMenu( "https://2015.igem.org/Menu/DemoSafety #MainPage_menu" );  
 
                                         whichPageMenu( "https://2015.igem.org/Menu/DemoSafety #MainPage_menu" );  
 +
 
}
 
}
  
Line 157: Line 158:
 
// this is the expand all function  
 
// this is the expand all function  
 
function subMenus_ShowHide() {
 
function subMenus_ShowHide() {
−
 
  
 
if ( $('.subMenu:visible').length == 0) {
 
if ( $('.subMenu:visible').length == 0) {
Line 173: Line 173:
 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
 
−
 
−
 
  
  
Line 183: Line 181:
  
  
−
 
−
 
−
 
−
 
−
 
−
// THIS IS A TEST
 
−
// HIDE OR SHOW MENU
 
−
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
−
 
−
 
−
$(".hide_button").click(function() {
 
−
testing();
 
−
});
 
−
 
−
var testing_ifopen = false;
 
−
 
−
function testing() {
 
−
 
−
if (testing_ifopen == false) {
 
−
$(".sideMenu").hide();
 
−
testing_ifopen  = true ;
 
−
}
 
−
 
−
// to close
 
−
else {
 
−
$(".sideMenu").show();
 
−
testing_ifopen = false ;
 
−
}
 
−
}
 
−
 
−
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
// IMAGE SLIDER
 
−
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
−
 
−
 
−
$(function () {
 
−
   
 
−
    /* SET PARAMETERS */
 
−
    var change_img_time = 6000;
 
−
    var transition_speed = 500;
 
−
   
 
−
    var simple_slideshow = $("#slider"),
 
−
        listItems = simple_slideshow.children('li'),
 
−
        listLen = listItems.length,
 
−
        i = 0,
 
−
 
−
        changeList = function () {
 
−
 
−
listItems.eq(i).fadeOut(transition_speed, function () {
 
−
i += 1;
 
−
if (i === listLen) {
 
−
i = 0;
 
−
}
 
−
listItems.eq(i).fadeIn(transition_speed);
 
−
});
 
−
 
−
        };
 
−
 
−
    listItems.not(':first').hide();
 
−
    setInterval(changeList, change_img_time);
 
−
 
−
});
 
−
 
−
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
−
 
−
jQuery(".click_expand").css("cursor", "pointer").click(function(event) {
 
−
event.preventDefault();
 
−
jQuery(this).next("div").slideToggle();
 
−
}).next("div").hide();
 
−
 
−
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
  
  
Line 328: Line 239:
  
  
 +
 +
// CLICK_OPEN =  EXPAND OR COLLAPSE CONTENT
 +
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 +
 +
$(".click_open").click(function() {
 +
 +
//if the content is hidden, show it
 +
if ( $('.click_content:visible').length == 0) {
 +
$(".click_content").show();
 +
$(".click_icon").html("▶");
 +
$(".click_open").css("background-color", "#ffffff");
 +
}
 +
 +
else {
 +
$(".click_content").hide();
 +
$(".click_icon").html("▼");
 +
$(".click_open").css("background-color", "#f2f2f2");
 +
}
 +
 +
});
 +
 +
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  
  

Latest revision as of 17:40, 30 November 2015