Difference between revisions of "Template:UM Macau"

 
(38 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{UM_Macau/bootstrap}}
 
 
<html>
 
<html>
−
<body>
+
 
−
    <ul class="nav nav-tabs">
+
<script>
−
  <li class="nav-item">
+
 
−
    <a class="nav-link active" href="#">Active</a>
+
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
−
  </li>
+
 
−
  <li class="nav-item dropdown">
+
 
−
    <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
+
$(document).ready(function() {
−
    <div class="dropdown-menu">
+
 
−
      <a class="dropdown-item" href="#">Action</a>
+
 
−
      <a class="dropdown-item" href="#">Another action</a>
+
//remove the HQ_page id
−
      <a class="dropdown-item" href="#">Something else here</a>
+
 
−
      <div class="dropdown-divider"></div>
+
$("#HQ_page").attr('id','');
−
      <a class="dropdown-item" href="#">Separated link</a>
+
 
−
    </div>
+
 
−
  </li>
+
 
−
  <li class="nav-item">
+
//highlight current page on the menu
−
    <a class="nav-link" href="#">Link</a>
+
 
−
  </li>
+
highlight_current_page_menu();
−
  <li class="nav-item">
+
 
−
    <a class="nav-link disabled" href="#">Disabled</a>
+
 
−
  </li>
+
//accessing submenus
−
</ul>
+
 
−
<\body>
+
$(".menu_item").click(function(){
−
<\html>
+
 
 +
$(".submenu_control_icon", this).toggleClass("open");
 +
 
 +
$(this).next(".submenu").fadeToggle(400);
 +
 
 +
});
 +
 
 +
 
 +
//mobile menu access
 +
 
 +
$(".igem_2019_team_mobile_bar").click(function(){
 +
 
 +
$(this).next().toggleClass("displaying_menu");
 +
 
 +
});
 +
 
 +
 
 +
});
 +
 
 +
 
 +
 
 +
function highlight_current_page_menu() {
 +
 
 +
 
 +
var page_url="https://2019.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>
 +
 
 +
 
 +
</html>

Latest revision as of 07:25, 12 October 2019