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();
});

