m |
(adding scripts for new version of nav) |
||
Line 10: | Line 10: | ||
//getMain.removeAttribute("id"); | //getMain.removeAttribute("id"); | ||
//getMain.className = "main"; | //getMain.className = "main"; | ||
+ | |||
+ | var navText = document.getElementsByClassName("nav-text"); | ||
+ | |||
+ | function openNav() { | ||
+ | document.getElementById("nav-elements").style.width = "100%"; | ||
+ | |||
+ | for(i = 0; i < navText.length; i++) { | ||
+ | navText[i].style.opacity = "1"; | ||
+ | } | ||
+ | |||
+ | document.getElementById("nav-icon").style.display = "none"; | ||
+ | document.getElementById("close-nav-button").style.display = "block"; | ||
+ | |||
+ | } | ||
+ | |||
+ | function closeNav() { | ||
+ | closeSubmenus(); | ||
+ | |||
+ | document.getElementById("nav-elements").style.width = "0"; | ||
+ | |||
+ | for(i = 0; i < navText.length; i++) { | ||
+ | navText[i].style.opacity = "0"; | ||
+ | } | ||
+ | |||
+ | document.getElementById("nav-icon").style.display = "block"; | ||
+ | document.getElementById("close-nav-button").style.display = "none"; | ||
+ | } | ||
+ | |||
+ | var dropLinks = document.getElementsByClassName("drop-link"); | ||
+ | |||
+ | function closeSubmenus() { | ||
+ | for(i = 0; i < dropLinks.length; i++) { | ||
+ | dropLinks[i].className = "drop-link nav-item"; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | function showSubmenu(x) { | ||
+ | closeSubmenus(); | ||
+ | for(i = 0; i < dropLinks.length; i++) { | ||
+ | if(i == (x-1)) { | ||
+ | dropLinks[i].className = "drop-link nav-item active-menu" | ||
+ | } | ||
+ | } | ||
+ | } | ||
</script> | </script> | ||
<html> | <html> |
Revision as of 15:34, 8 June 2020