Difference between revisions of "Template:Queens Canada/Scripts"

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