Difference between revisions of "Template:2016Bottom"

Line 3: Line 3:
  
  
−
//LAST UPDATE - OCTOBER 30
 
  
 
//MENU FUNCTIONALITY
 
//MENU FUNCTIONALITY
−
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  
  
−
var getPageName; // STORE THE URL
+
// ONCE THE PAGE LOADS, DECIDES WHICH MENU TO CALL/SHOW
−
var pageName;      // URL IN STRING FORM
+
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
−
var currentMenu; // STRING HOLDS WHAT PAGE NAMESPACE YOU ARE IN
+
−
var subMenu_Open = false; // DECLARES ALL SUBMENUS AS COLLAPSED (function subMenus_ShowHide)
+
−
var switch_whichMenu = false; // DECLARES THAT YOU ARE IN HUB
+
  
 +
var hub_list = new Array(); //Array with the list of hub menus
  
 +
hub_list[0]= "Safety";
 +
hub_list[1]= "Judging";
 +
hub_list[2]= "informationpage";
 +
hub_list[3]= "Code";
  
−
// READS URL AND DECIDES WHAT MENU TO CALL/SHOW
 
−
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
  
−
$(document).ready(function() {
+
      var currentHubMenu; // Save the current menu that needs to be displayed
−
getPageName= window.location; //GETS URL
+
−
pageName=getPageName.toString(); // TRANSFORMS URL TO A STRING
+
−
+
  
−
// SAFETY
 
−
if ( pageName.indexOf("Safety") > -1 ){  // CHECKS IF "Safety" IS IN THE URL
 
−
currentMenu= "Safety";
 
−
whichPageMenu();
 
−
}
 
  
 +
$(document).ready(function() {
  
−
// JUDGING
+
        currentHubMenu = findCurrentHubMenu();
−
else if ( pageName.indexOf("Judging") > -1 ){ // CHECKS IF "Judging" IS IN THE URL
+
−
currentMenu= "Judging";
+
−
whichPageMenu();
+
−
}
+
  
 +
if (currentHubMenu) { // if the function returns a positive value - there is a hub menu  display it
  
 +
whichPageMenu( "https://2016.igem.org/HQ/Menu" + " " + "#" + currentHubMenu );
 +
                }
  
−
// MAIN PAGE
+
else { // if the value is negative, show the main menu
−
else if (pageName.indexOf("mainpage") > -1) { // CHECKS IF "mainpage" IS IN THE URL
+
−
currentMenu= "MainPage";
+
 
showMainMenu();
 
showMainMenu();
−
}
+
              }
 +
 
 +
});
 +
 
 +
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  
  
  
−
//  DEFAULT OR NON HUBS
 
−
else {
 
−
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
 
 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  
−
function whichPageMenu() {
 
  
−
//SAFETY
 
−
if ( currentMenu== "Safety" ) {
 
−
//loads the menu
 
−
$( "#menuDisplay" ).load( "https://2015.igem.org/Menu/DemoSafety #safetyMenu", function() {
 
−
activateLoadedMenu();
 
−
} );
 
−
}
 
  
  
−
// JUDGING
 
−
else if ( currentMenu== "Judging" ) {
 
−
$( "#menuDisplay" ).load( "https://2015.igem.org/Menu/DemoSafety #judgingMenu", function() {
 
−
activateLoadedMenu();
 
−
} );
 
−
}
 
−
}
 
  
 +
// THIS CALLS THE HUB MENU THAT IS SPECIFIED
 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  
 +
function whichPageMenu( div_to_Load ) {
  
 +
$( "#menuDisplay" ).load( div_to_Load, function() {
 +
activateLoadedMenu();
 +
} );
  
 +
}
  
 +
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 +
 +
  
−
// 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 #mainMenu", function() { // ALL OTHER CASES SHOWS MAIN MENU
+
$( "#menuDisplay" ).load( "https://2016.igem.org/HQ/Menu #MainPage_menu", function() {
−
activateLoadedMenu();
+
 
−
// MODIFIES THE CSS TO HIDE THE NAVIGATE BETWEEN MENUS BUTTON
+
activateLoadedMenu();
 +
 
 +
// MODIFIES THE CSS TO HIDE THE NAVIGATE BETWEEN MENUS BUTTON
 
$(".sideMenu").css( "padding-bottom", "0px" );
 
$(".sideMenu").css( "padding-bottom", "0px" );
 
$(".switch_Menus").css( "display", "none" );
 
$(".switch_Menus").css( "display", "none" );
 
$(".sideMenuTitle").css( "width", "170" );
 
$(".sideMenuTitle").css( "width", "170" );
 
$(".sideMenuTitle").css( "margin-left", "-15px" );
 
$(".sideMenuTitle").css( "margin-left", "-15px" );
−
 
−
if ( currentMenu== "MainPage" ) { // EXPANDS THE MENU IN THE MAIN PAGE
 
−
$(".expand_subMenus").html(" -  ");
 
−
$(".subMenu").show();
 
−
subMenu_Open = true;
 
−
}
 
  
 
} );
 
} );
Line 123: Line 109:
 
// ACTIVATE CERTAIN FUNCTIONS ONCE THE MENU IS LOADED  
 
// ACTIVATE CERTAIN FUNCTIONS ONCE THE MENU IS LOADED  
 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
−
 
  
 
function activateLoadedMenu() {
 
function activateLoadedMenu() {
−
+
 
//default collapses the submenus
 
//default collapses the submenus
 
$(".subMenu").hide();
 
$(".subMenu").hide();
Line 144: Line 129:
  
 
$( ".switch_Menus").click( function() {
 
$( ".switch_Menus").click( function() {
−
if (switch_whichMenu == false) {
 
  
−
$(".switch_Menus").html(" ► ");
 
  
−
$( "#menuDisplay" ).load( "https://2015.igem.org/Menu/DemoSafety #mainMenu", function() {
+
if($('#MainPage_menu').is(':visible')) {                            // if the main menu is displayed, call the hub menu that is needed
−
activateLoadedMenu();
+
                                        whichPageMenu( "https://2016.igem.org/HQ/Menu" + " " + "#" +  currentHubMenu );
−
} );
+
}
  
−
switch_whichMenu = true ;
+
else  { //else display the main menu
−
}
+
$(".switch_Menus").html(" &#9654; "); 
 +
                                        whichPageMenu( "https://2016.igem.org/HQ/Menu #MainPage_menu" );
  
−
else {
 
−
whichPageMenu();
 
−
switch_whichMenu = false ;
 
 
}
 
}
 +
 +
 
} );
 
} );
  
Line 176: Line 159:
 
function subMenus_ShowHide() {
 
function subMenus_ShowHide() {
  
−
// this expands
+
if ( $('.subMenu:visible').length == 0) {
−
if (subMenu_Open == false) {
+
 
$(".expand_subMenus").html(" -  ");
 
$(".expand_subMenus").html(" -  ");
 
$(".subMenu").show();
 
$(".subMenu").show();
−
subMenu_Open = true ;
 
 
}
 
}
  
Line 187: Line 168:
 
$(".expand_subMenus").html("+ ");
 
$(".expand_subMenus").html("+ ");
 
$(".subMenu").hide();
 
$(".subMenu").hide();
−
subMenu_Open = false ;
 
 
}
 
}
 
}
 
}
Line 195: Line 175:
  
  
 +
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 +
// END MENU FUNCTIONALITY
  
  
−
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
−
// END MENU FUNCTIONALITY
 
  
  
Line 204: Line 184:
  
  
−
// 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
+
// POP WHY ( ? )
−
else {
+
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
−
$(".sideMenu").show();
+
−
testing_ifopen = false ;
+
−
}
+
−
}
+
  
−
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
var which_why= "why_default"; //STORES WHAT WHY IS BEING CALLED, has a default assigned
  
  
 +
$(".pop_why").click(function() { //IF A POP WHY IS CLICKED
  
 +
which_why = "https://2016.igem.org/HQ/Why"+" " + "#" +which_why;
  
 +
$( ".pop_why_content" ).load( which_why , function() {
  
 +
$(".pop_close").click(function() {
 +
remove_popwhy();
 +
});
  
 +
$(".pop_why_cover").click(function() {
 +
remove_popwhy();
 +
});
  
−
// 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);
 
−
});
 
  
−
        };
+
//MODIFY SIZE AND POSITION OF THE POP DIV AND THE BACKGROUND
 +
$(".pop_why_box").css( "top", event.pageY);
 +
$(".pop_why_cover").css ("height" , $(document).height() );
 +
$(".pop_why_cover").css ("width" , $(document).width() );
 +
 
 +
// CALL BOTH ELEMENTS
 +
$(".pop_why_box").show();
 +
$(".pop_why_cover").show();
 +
});
 +
 
 +
 
 +
 +
// IF THE CLOSE BUTTON IS CLICKED OR ANYTHING OUTSIDE THE POP WHY DIV
 +
function remove_popwhy () {
 +
 
 +
$(".pop_why_box").hide();
 +
$(".pop_why_cover").hide();
 +
$( ".pop_why_content" ).empty();
 +
 
 +
}
 
 
−
    listItems.not(':first').hide();
 
−
    setInterval(changeList, change_img_time);
 
−
 
−
});
 
  
−
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 +
// END POP WHY ( ? )
  
  
  
 +
// 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");
 +
}
  
−
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
});
  
−
jQuery(".click_expand").css("cursor", "pointer").click(function(event) {
+
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
−
event.preventDefault();
+
−
jQuery(this).next("div").slideToggle();
+
−
}).next("div").hide();
+
  
−
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
  
 
</script>
 
</script>
  
 
</html>
 
</html>

Revision as of 18:18, 30 November 2015