Difference between revisions of "Template:CSU CHINA"

 
(36 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
{{CSU_CHINA/Base}}
 
{{CSU_CHINA/Base}}
 +
{{CSU_CHINA/PageBase}}
 +
  
 
<html>
 
<html>
−
<script>
 
−
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
−
 
−
$(document).ready(function() {
 
−
 
−
$("#HQ_page").attr('id','');
 
−
 
−
 
−
//highlight current page on the menu
 
−
highlight_current_page_menu();
 
−
 
−
//accessing submenus
 
−
$(".menu_item").click(function(){
 
−
$(".submenu_control_icon", this).toggleClass("open");
 
−
$(this).next(".submenu").fadeToggle(400);
 
−
});
 
−
 
−
//mobile menu access
 
−
$(".igem_2018_team_mobile_bar").click(function(){
 
−
$(this).next().toggleClass("displaying_menu");
 
−
});
 
−
 
−
});
 
−
 
−
 
−
function highlight_current_page_menu() {
 
−
 
−
var page_url="https://2018.igem.org/";
 
−
page_url = page_url + wgPageName;
 
−
$("a[href$='"+ page_url +"']").children().addClass("current_page");
 
−
 
−
//if the page is in a submenu, open the submenu and make the appropiate changes
 
−
if( $( ".current_page" ).hasClass( "submenu_item" )){
 
−
 
−
$(".current_page").parent().parent().fadeToggle(400);
 
−
$(".current_page").parent().parent().prev().addClass("current_page");
 
−
$(".menu_item.current_page > .submenu_control_icon").toggleClass("open");
 
−
 
−
}
 
−
}
 
−
 
−
 
−
 
−
$(document).ready(function(){
 
−
  let navibar = $('ul.navigation-bar');
 
−
 
−
  let navbuttonItems = $('ul.navigation-bar > li');
 
−
  navbuttonItems.mouseenter(function(){
 
−
    var submenu = $(this).children('ul.sub-menu');
 
−
    submenu.stop(true,false);
 
−
    submenu.slideDown();
 
−
  });
 
−
  navbuttonItems.mouseleave(function(){
 
−
    var submenu = $(this).children('ul.sub-menu');
 
−
    submenu.stop(true,false);
 
−
    submenu.slideUp();
 
−
  });
 
−
});
 
−
 
−
 
−
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
−
</script>
 
−
 
−
 
 
<style>
 
<style>
−
/**************************************************************************************************************************************************************************************************/
 
−
 
 
#HQ_page div.container{
 
#HQ_page div.container{
 
   padding-top:55px;
 
   padding-top:55px;
Line 142: Line 78:
 
   min-width: 160px;
 
   min-width: 160px;
 
}
 
}
 +
</style>
 +
<script>
 +
$(document).ready(function()
 +
{
 +
               
 +
  let navibar = $('ul.navigation-bar');
 +
 +
  let navbuttonItems = $('ul.navigation-bar > li');
 +
  navbuttonItems.mouseenter(function()
 +
      {
 +
      var submenu = $(this).children('ul.sub-menu');
 +
      submenu.stop(true,false);
 +
      submenu.slideDown();
 +
      });
 +
  navbuttonItems.mouseleave(function()
 +
      {
 +
      var submenu = $(this).children('ul.sub-menu');
 +
      submenu.stop(true,false);
 +
      submenu.slideUp();
 +
      });
 +
 +
 +
         
 +
 +
              //highlight current page on the menu
 +
highlight_current_page_menu();
 +
 +
//accessing submenus
 +
$(".menu_item").click(function(){
 +
$(".submenu_control_icon", this).toggleClass("open");
 +
$(this).next(".submenu").fadeToggle(400);
 +
});
 +
 +
//mobile menu access
 +
$(".igem_2018_team_mobile_bar").click(function(){
 +
$(this).next().toggleClass("displaying_menu");
 +
});
 +
 +
 +
 +
 +
 +
});
 +
 +
function highlight_current_page_menu() {
 +
 +
var page_url="https://2018.igem.org/";
 +
page_url = page_url + wgPageName;
 +
$("a[href$='"+ page_url +"']").children().addClass("current_page");
 +
 +
//if the page is in a submenu, open the submenu and make the appropiate changes
 +
if( $( ".current_page" ).hasClass( "submenu_item" )){
 +
 +
$(".current_page").parent().parent().fadeToggle(400);
 +
$(".current_page").parent().parent().prev().addClass("current_page");
 +
$(".menu_item.current_page > .submenu_control_icon").toggleClass("open");
 +
 +
}
 +
}
 +
 +
 +
 +
</script>
 +
 +
 +
 +
 +
 +
<style>
 +
/**************************************************************************************************************************************************************************************************/
 +
 +
  
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
Line 458: Line 466:
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
  
−
 
+
<!--
  
  
Line 474: Line 482:
 
</div>
 
</div>
  
−
 
+
-->
  
  

Latest revision as of 02:04, 18 October 2018