Difference between revisions of "Team:NYMU-Taipei/js-test"

(original template js)
 
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
<script>
 
−
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
  
−
$(document).ready(function() {
+
function dropdown1(){
 +
document.getElementById('dropdowncontent1').classList.toggle('notshow');
 +
console.log('here!')
 +
}
  
−
$("#HQ_page").attr('id','');
+
function dropdown2(){
−
+
document.getElementById('dropdowncontent2').classList.toggle('notshow');
 +
}
  
−
//highlight current page on the menu
+
function dropdown3(){
−
highlight_current_page_menu();
+
document.getElementById('dropdowncontent3').classList.toggle('notshow');
−
+
}
−
//accessing submenus
+
function dropdown4(){
−
$(".menu_item").click(function(){
+
document.getElementById('dropdowncontent4').classList.toggle('notshow');
−
$(".submenu_control_icon", this).toggleClass("open");
+
}
−
$(this).next(".submenu").fadeToggle(400);
+
function dropdown5(){
−
});
+
document.getElementById('dropdowncontent5').classList.toggle('notshow');
−
+
}
−
//mobile menu access
+
−
$(".igem_2018_team_mobile_bar").click(function(){
+
−
$(this).next().toggleClass("displaying_menu");
+
−
});
+
−
+
−
});
+
  
  
−
function highlight_current_page_menu() {
+
 
−
+
window.onclick = function(event){
−
var page_url="https://2018.igem.org/";
+
var contents = document.getElementsByClassName("dropdowncontent");
−
page_url = page_url + wgPageName;
+
var buttons = document.getElementsByClassName("dropdownbutton");
−
$("a[href$='"+ page_url +"']").children().addClass("current_page");
+
for (var i = contents.length - 1; i >= 0; i--) {
−
+
if(!(event.target.id==buttons[i].id)){
−
//if the page is in a submenu, open the submenu and make the appropiate changes
+
if (!contents[i].classList.contains('notshow')) {
−
if( $( ".current_page" ).hasClass( "submenu_item" )){
+
contents[i].classList.add('notshow');
−
+
}
−
$(".current_page").parent().parent().fadeToggle(400);
+
}  
−
$(".current_page").parent().parent().prev().addClass("current_page");
+
−
$(".menu_item.current_page > .submenu_control_icon").toggleClass("open");
+
−
+
−
}
+
 
}
 
}
−
 
+
}
−
 
+
−
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
−
</script>
+

Latest revision as of 13:00, 28 May 2018

function dropdown1(){ document.getElementById('dropdowncontent1').classList.toggle('notshow'); console.log('here!') }

function dropdown2(){ document.getElementById('dropdowncontent2').classList.toggle('notshow'); }

function dropdown3(){ document.getElementById('dropdowncontent3').classList.toggle('notshow'); } function dropdown4(){ document.getElementById('dropdowncontent4').classList.toggle('notshow'); } function dropdown5(){ document.getElementById('dropdowncontent5').classList.toggle('notshow'); }


window.onclick = function(event){ var contents = document.getElementsByClassName("dropdowncontent"); var buttons = document.getElementsByClassName("dropdownbutton"); for (var i = contents.length - 1; i >= 0; i--) { if(!(event.target.id==buttons[i].id)){ if (!contents[i].classList.contains('notshow')) { contents[i].classList.add('notshow'); } } } }