osm2vectortiles/js/index.js

60 wiersze
1.8 KiB
JavaScript

/* Navbar-top */
function init() {
/* Navbar Hamburger */
var navsideBtn = document.querySelector('.navside-btn');
if (navsideBtn) {
navsideBtn.addEventListener(
'click', openMenu
);
var bg = document.createElement('div');
bg.setAttribute('class', 'navside-bg');
bg.addEventListener('click', openMenu);
document.body.appendChild(bg);
}
function openMenu() {
var menu = document.querySelector('.navside').classList;
if (menu.contains('open')) {
menu.remove('open');
bg.classList.remove('open');
} else {
menu.add('open');
bg.classList.add('open');
}
}
/* Navbar-top */
var navMobileBtn = document.querySelector('#nav-mobile-btn');
if (navMobileBtn) {
navMobileBtn.onclick = function() {
var navMobileNav = document.getElementById('nav-mobile-nav');
var navMobileBtn = document.getElementById('nav-mobile-btn');
if (navMobileNav.className === 'active') {
navMobileNav.className = '';
navMobileBtn.className = '';
} else {
navMobileNav.className = 'active';
navMobileBtn.className = 'active';
}
};
}
/* Search field in downloads section */
var searchField = document.querySelector('#searchField');
searchField.onkeyup = function() {
var searchText = searchField.value.toLowerCase();
var countries = document.querySelector('#searchField').parentNode.nextElementSibling.children;
for(var i = 0; i <= countries.length - 1; ++i) {
var element = countries[i];
var countryName = element.textContent.toLowerCase();
if(!( countryName.indexOf(searchText) != -1 )) {
element.style.display = 'none';
} else {
element.style.display = 'list-item';
}
}
}
}
window.onload = init;