50 lines
2 KiB
JavaScript
50 lines
2 KiB
JavaScript
|
|
function initializeTouchDevice() {
|
|
var isTouchDevice = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|DEV-Native-ios/i.test(navigator.userAgent);
|
|
if (navigator.userAgent === 'DEV-Native-ios') {
|
|
document.getElementsByTagName("body")[0].classList.add("dev-ios-native-body");
|
|
}
|
|
setTimeout(function(){
|
|
removeShowingMenu();
|
|
if (isTouchDevice) {
|
|
document.getElementById("navigation-butt").onclick = function(e){
|
|
document.getElementById("navbar-menu-wrapper").classList.toggle('showing');
|
|
}
|
|
} else {
|
|
document.getElementById("navbar-menu-wrapper").classList.add('desktop')
|
|
document.getElementById("navigation-butt").onfocus = function(e){
|
|
document.getElementById("navbar-menu-wrapper").classList.add('showing');
|
|
}
|
|
document.getElementById("last-nav-link").onblur = function(e) {
|
|
setTimeout(function(){
|
|
console.log(document.activeElement)
|
|
if (document.activeElement != document.getElementById("second-last-nav-link")) {
|
|
document.getElementById("navbar-menu-wrapper").classList.remove('showing');
|
|
}
|
|
}, 10)
|
|
}
|
|
document.getElementById("navigation-butt").onblur = function(e){
|
|
setTimeout(function(){
|
|
console.log(document.activeElement)
|
|
if (document.activeElement != document.getElementById("first-nav-link")) {
|
|
document.getElementById("navbar-menu-wrapper").classList.remove('showing');
|
|
}
|
|
}, 10)
|
|
}
|
|
}
|
|
document.getElementById("menubg").onclick = function(e) {
|
|
document.getElementById("navbar-menu-wrapper").classList.remove('showing');
|
|
}
|
|
},10)
|
|
}
|
|
|
|
|
|
function removeShowingMenu() {
|
|
document.getElementById("navbar-menu-wrapper").classList.remove('showing')
|
|
setTimeout(function(){
|
|
document.getElementById("navbar-menu-wrapper").classList.remove('showing')
|
|
},5)
|
|
setTimeout(function(){
|
|
document.getElementById("navbar-menu-wrapper").classList.remove('showing')
|
|
},150)
|
|
}
|