var c = document.createElement.bind(document); var d = document.getElementById.bind(document); var g = document.querySelector.bind(document); // Insert nav tag var navigation = c("nav") navigation.className = "navigation" var navbarList = c("ul") navbarList.className = "navbarList" navigation.appendChild(navbarList) document.body.appendChild(navigation) // // Opacity // var opacity = c("div") // opacity.className = "opacityMenu lowerIndex menu" // document.body.appendChild(opacity) // Hamburger Menu var hamburger = c("i") hamburger.className = "fas fa-bars fa-2x" navigation.prepend(hamburger) // Search var search = c("input") search.className = "searchBar" search.placeholder = "Vul een zoek opdracht of url in" search.type = "text" navigation.appendChild(search) g(".searchBar").addEventListener("keyup",searchEnter) function searchEnter(key) { if(key.key == "Enter") { var search = g(".searchBar").value; var containsDot = search.indexOf("."); if (search !== "") { if (containsDot > -1) { open("http://" + search); } else { open("https://www.google.com/search?q=" + search); } } } if (key.key == "Escape") { closeSearch() } } // Create Navbar Navbar.forEach(i=>{ var navList = c("li") navList.className = "navList" var navLink = c("a"); navList.appendChild(navLink); if (i.link) { navLink.href = i.link } if (i.name) { navLink.innerHTML = i.name } if (i.desc) { navLink.title = i.desc } if (i.icon) { var navImg = c("img") navImg.src = i.icon navImg.className = "navImg" navImg.alt = "img" navLink.appendChild(navImg) } var dropdownList = c("ul") dropdownList.className = "dropdownList" dropdownList.style = "display: none;" if (typeof i.dropdown == "object") { i.dropdown.forEach(d=>{ if (d.link) { var dropdownListItem = c("li"); dropdownListItem.className = "dropdownLi" var dropdownLink = c("a"); dropdownLink.href = d.link dropdownLink.innerHTML = d.name if (d.desc) { dropdownLink.title = d.desc } dropdownListItem.appendChild(dropdownLink); dropdownList.appendChild(dropdownListItem); } navList.appendChild(dropdownList) }) navLink.innerHTML = navLink.innerHTML + "" } navbarList.appendChild(navList); })