Difference between revisions of "MediaWiki:Common.js"
From Cargo Handbook - the world's largest cargo transport guidelines website
Line 96: | Line 96: | ||
}); | }); | ||
}); | }); | ||
+ | |||
+ | |||
+ | //navmenu | ||
+ | function navigationMobile() { | ||
+ | var x = document.getElementById("myTopnav"); | ||
+ | if (x.className === "topnav") { | ||
+ | x.className += " responsive"; | ||
+ | } else { | ||
+ | x.className = "topnav"; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | //$(".dropdown-toggle").hover(function(){ | ||
+ | //document.getElementById("dropdown-container").classList.toggle("show"); | ||
+ | //}); | ||
+ | |||
+ | // Dropdown | ||
+ | function dropdownToggle() { | ||
+ | document.getElementById("dropdown-container").classList.toggle("show"); | ||
+ | } | ||
+ | |||
+ | window.onclick = function(event) { | ||
+ | if (!event.target.matches('.dropbtn')) { | ||
+ | var dropdowns = document.getElementsByClassName("dropdown-content"); | ||
+ | var i; | ||
+ | for (i = 0; i < dropdowns.length; i++) { | ||
+ | var openDropdown = dropdowns[i]; | ||
+ | if (openDropdown.classList.contains('show')) { | ||
+ | openDropdown.classList.remove('show'); | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | |||
+ | if (screen.width < 700){ | ||
+ | $("#slick").remove(); | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | $(document).ready(function() { | ||
+ | $('.button-search-mobile').click(function(){ | ||
+ | $('.search').slideToggle(); | ||
+ | }); | ||
+ | |||
+ | $('.button-menu-mobile').click(function(){ | ||
+ | $('.menu-main').slideToggle(); | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | $('.button-search-mobile').click(function(){ | ||
+ | $('.search').slideToggle(); | ||
+ | }); | ||
+ | |||
+ | $('.button-menu-mobile').click(function(){ | ||
+ | $('.menu-main').slideToggle(); | ||
+ | }); |
Latest revision as of 14:54, 30 September 2019
/* Any JavaScript here will be loaded for all users on every page load. */ var timerlen = 5; var slideAniLen = 250; var timerID = new Array(); var startTime = new Array(); var obj = new Array(); var endHeight = new Array(); var moving = new Array(); var dir = new Array(); function slidedown(objname){ if(moving[objname]) return; if(document.getElementById(objname).style.display != "none") return; // cannot slide down something that is already visible moving[objname] = true; dir[objname] = "down"; startslide(objname); } function slideup(objname){ if(moving[objname]) return; if(document.getElementById(objname).style.display == "none") return; // cannot slide up something that is already hidden moving[objname] = true; dir[objname] = "up"; startslide(objname); } function startslide(objname){ obj[objname] = document.getElementById(objname); endHeight[objname] = parseInt(obj[objname].style.height); startTime[objname] = (new Date()).getTime(); if(dir[objname] == "down"){ obj[objname].style.height = "1px"; } obj[objname].style.display = "block"; timerID[objname] = setInterval('slidetick(\'' + objname + '\');',timerlen); } function slidetick(objname){ var elapsed = (new Date()).getTime() - startTime[objname]; if (elapsed > slideAniLen) endSlide(objname) else { var d =Math.round(elapsed / slideAniLen * endHeight[objname]); if(dir[objname] == "up") d = endHeight[objname] - d; obj[objname].style.height = d + "px"; } return; } function endSlide(objname){ clearInterval(timerID[objname]); if(dir[objname] == "up") obj[objname].style.display = "none"; obj[objname].style.height = endHeight[objname] + "px"; delete(moving[objname]); delete(timerID[objname]); delete(startTime[objname]); delete(endHeight[objname]); delete(obj[objname]); delete(dir[objname]); return; } $(function() { $.getScript('https://www.googletagmanager.com/gtag/js?id=UA-18879418-2').done(function() { window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-18879418-2'); }); }); //navmenu function navigationMobile() { var x = document.getElementById("myTopnav"); if (x.className === "topnav") { x.className += " responsive"; } else { x.className = "topnav"; } } //$(".dropdown-toggle").hover(function(){ //document.getElementById("dropdown-container").classList.toggle("show"); //}); // Dropdown function dropdownToggle() { document.getElementById("dropdown-container").classList.toggle("show"); } window.onclick = function(event) { if (!event.target.matches('.dropbtn')) { var dropdowns = document.getElementsByClassName("dropdown-content"); var i; for (i = 0; i < dropdowns.length; i++) { var openDropdown = dropdowns[i]; if (openDropdown.classList.contains('show')) { openDropdown.classList.remove('show'); } } } } if (screen.width < 700){ $("#slick").remove(); } $(document).ready(function() { $('.button-search-mobile').click(function(){ $('.search').slideToggle(); }); $('.button-menu-mobile').click(function(){ $('.menu-main').slideToggle(); }); }); $('.button-search-mobile').click(function(){ $('.search').slideToggle(); }); $('.button-menu-mobile').click(function(){ $('.menu-main').slideToggle(); });