Difference between revisions of "Template:2016Demo bottom"

 
(25 intermediate revisions by the same user not shown)
Line 6: Line 6:
 
//MENU FUNCTIONALITY
 
//MENU FUNCTIONALITY
 
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
−
 
−
 
−
 
  
  
Line 14: Line 11:
 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  
−
var menu_found = false; // KNOWS IF THE MENU HAS BEEN FOUND
+
var hub_list = new Array(); //Array with the list of hub menus
  
−
var hub_list = new Array(); //Test array
+
hub_list[0]= "Safety";
−
hub_list[0]= "Demo_mainpage";
+
hub_list[1]= "Judging";
−
hub_list[1]= "Safety";
+
hub_list[2]= "informationpage";
−
hub_list[2]= "Judging";
+
hub_list[3]= "Code";
−
hub_list[3]= "informationpage";
+
−
hub_list[4]= "Code";
+
  
 +
 +
      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
+
 
−
+
if (currentHubMenu) { // if the function returns a positive value - there is a hub menu display it
−
if ( wgPageName.indexOf( hub_list[0] ) > -1 ) {
+
 
 +
whichPageMenu( "https://2015.igem.org/Menu/DemoSafety" + " " + "#" + currentHubMenu );
 +
                }
 +
 
 +
else { // if the value is negative, show the main menu
 
showMainMenu();
 
showMainMenu();
−
menu_found= true;
+
              }
−
}
+
  
−
// if it is not the main page check if there is a hub menu for it
+
});
−
else if (menu_found == false) {
+
−
for ( var i=1; i< hub_list.length; i++ ) {
+
  
−
if ( wgPageName.indexOf( hub_list[i] ) > -1 ) {
+
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
−
whichPageMenu( "https://2015.igem.org/Menu/DemoSafety" + " " + "#" +  hub_list[i] );
+
−
menu_found= true;
+
−
}
+
−
}
+
−
}
+
  
  
−
// finally - if it doesn't have a hub menu, displays the main menu as default
 
−
if (menu_found == false ) {
 
−
showMainMenu();
 
−
}
 
  
−
});
 
  
  
 +
//LOOK FOR A MENU BASED ON THE HUB LIST ARRAY
 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  
  
 +
      var findCurrentHubMenu = function() {  // Look for the hub menu
  
 +
for ( var i=0; i< hub_list.length; i++ ) {
  
 +
if ( wgPageName.indexOf( hub_list[i] ) > -1 ) {
 +
return hub_list[i];            //return that it has been found
 +
}
 +
      }     
 +
      }
  
 +
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  
−
// THIS DECIDES WHAT HUB MENU TO SHOW
+
 
 +
 
 +
 
 +
 
 +
// THIS CALLS THE HUB MENU THAT IS SPECIFIED
 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  
Line 77: Line 78:
 
   
 
   
  
−
// SHOW MAIN MENU
+
 
 +
 
 +
// SHOW MAIN MENU - hide navigation between hub menus since it is not needed
 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  
 
function showMainMenu() {
 
function showMainMenu() {
  
−
$( "#menuDisplay" ).load( "https://2015.igem.org/Menu/DemoSafety #Demo_mainpage", function() { // ALL OTHER CASES SHOWS MAIN MENU
+
$( "#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 105: Line 109:
 
// ACTIVATE CERTAIN FUNCTIONS ONCE THE MENU IS LOADED  
 
// ACTIVATE CERTAIN FUNCTIONS ONCE THE MENU IS LOADED  
 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
−
 
  
 
function activateLoadedMenu() {
 
function activateLoadedMenu() {
Line 128: Line 131:
  
  
−
if($('#Demo_mainpage').is(':visible')) {                            // if the main menu is displayed, call the hub menu that is needed  
+
if($('#MainPage_menu').is(':visible')) {                            // if the main menu is displayed, call the hub menu that is needed  
−
 
+
                                        whichPageMenu( "https://2015.igem.org/Menu/DemoSafety" + " " + "#" +  currentHubMenu );
−
for ( var i=1; i< hub_list.length; i++ ) {
+
−
 
+
−
if ( wgPageName.indexOf( hub_list[i] ) > -1 ) {
+
−
whichPageMenu( "https://2015.igem.org/Menu/DemoSafety" + " " + "#" +  hub_list[i] );
+
−
}
+
−
}
+
 
}
 
}
  
 
else  { //else display the main menu
 
else  { //else display the main menu
−
 
 
$(".switch_Menus").html(" &#9654; ");   
 
$(".switch_Menus").html(" &#9654; ");   
−
 
+
                                        whichPageMenu( "https://2015.igem.org/Menu/DemoSafety #MainPage_menu" );  
−
$( "#menuDisplay" ).load( "https://2015.igem.org/Menu/DemoSafety #Demo_mainpage", function() {
+
−
activateLoadedMenu();
+
−
} );
+
  
 
}
 
}
Line 165: 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 181: Line 173:
 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
 
−
 
−
 
  
  
Line 191: 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 289: Line 192:
 
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  
−
var which_why= "default"; //STORES WHAT WHY IS BEING CALLED
+
var which_why= "why_default"; //STORES WHAT WHY IS BEING CALLED, has a default assigned
  
  
Line 307: Line 210:
  
 
} );
 
} );
 +
 +
  
 
//MODIFY SIZE AND POSITION OF THE POP DIV AND THE BACKGROUND
 
//MODIFY SIZE AND POSITION OF THE POP DIV AND THE BACKGROUND
−
$(".pop_why_content").css( "top", event.pageY);
+
$(".pop_why_box").css( "top", event.pageY);
 
$(".pop_why_cover").css ("height" , $(document).height() );
 
$(".pop_why_cover").css ("height" , $(document).height() );
 
$(".pop_why_cover").css ("width" , $(document).width() );
 
$(".pop_why_cover").css ("width" , $(document).width() );
  
 
// CALL BOTH ELEMENTS
 
// CALL BOTH ELEMENTS
−
$(".pop_why_content").show();
+
$(".pop_why_box").show();
 
$(".pop_why_cover").show();
 
$(".pop_why_cover").show();
 
});
 
});
Line 323: Line 228:
 
function remove_popwhy () {
 
function remove_popwhy () {
  
−
$(".pop_why_content").hide();
+
$(".pop_why_box").hide();
 
$(".pop_why_cover").hide();
 
$(".pop_why_cover").hide();
 
$( ".pop_why_content" ).empty();
 
$( ".pop_why_content" ).empty();
Line 334: 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