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

m
m
Line 6: Line 6:
 
var topTitle = document.getElementById("top_title").style.display = "none";
 
var topTitle = document.getElementById("top_title").style.display = "none";
  
−
// makes the div that should be the main actually be the main
+
var navText = document.getElementsByClassName("nav-text"); // gets all nav-text elements bc they are used in multiple funcs
−
//var getMain = document.getElementById("content");  
+
var dropLinks = document.getElementsByClassName("drop-link"); // gets all of the expandable nav sections for the same reason
−
//getMain.removeAttribute("id");
+
−
//getMain.className = "main";
+
−
 
+
−
var navText = document.getElementsByClassName("nav-text");
+
  
 
function openNav() {
 
function openNav() {
−
     //document.getElementById("nav").style.width = "100%";
+
     document.getElementById("nav-elements").style.right = "0";
−
    //document.getElementById("brand-elements").style.width = "14.1%";
+
−
    //document.getElementById("nav-elements").style.width = "85.9%";
+
−
      document.getElementById("nav-elements").style.right = "0";
+
−
    //document.getElementById("nav-elements").style.width = "auto"; no transition
+
−
    //document.getElementById("nav-elements").style.width = (window.innerWidth - 16 - 178.13).toString() + "px";
+
  
 
     setTimeout(function() {  
 
     setTimeout(function() {  
Line 26: Line 17:
 
         }  
 
         }  
 
     }, 500);     
 
     }, 500);     
−
 
+
           
−
               
+
 
     document.getElementById("nav-icon").style.display = "none"; // gets rid of "open nav" button
 
     document.getElementById("nav-icon").style.display = "none"; // gets rid of "open nav" button
 
     document.getElementById("close-nav-button").style.display = "block"; // shows "close nav" button
 
     document.getElementById("close-nav-button").style.display = "block"; // shows "close nav" button
  
−
    }
+
}
  
 
function closeNav() {
 
function closeNav() {
 
     closeSubmenus();
 
     closeSubmenus();
−
               
+
             
−
    //document.getElementById("nav-elements").style.width = "0%";
+
−
   
+
−
 
+
 
     for(i = 0; i < navText.length; i++) {
 
     for(i = 0; i < navText.length; i++) {
 
         navText[i].style.opacity = "0";
 
         navText[i].style.opacity = "0";
Line 49: Line 36:
 
     document.getElementById("nav-icon").style.display = "block";
 
     document.getElementById("nav-icon").style.display = "block";
 
     document.getElementById("close-nav-button").style.display = "none";
 
     document.getElementById("close-nav-button").style.display = "none";
−
 
−
//    setTimeout(function() { // delaying adjusting these widths until after nav-elements collapses allows for closing transition
 
−
//        document.getElementById("nav").style.width = "14.1%";
 
−
//        //document.getElementById("brand-elements").style.width = "100%";
 
−
//    }, 500);
 
 
}
 
}
−
           
 
−
var dropLinks = document.getElementsByClassName("drop-link"); // gets all of the expandable nav sections
 
 
          
 
          
 
function closeSubmenus() {
 
function closeSubmenus() {
Line 83: Line 63:
  
 
function windowResize() {
 
function windowResize() {
−
   
 
−
 
 
−
   
 
 
     fontResize();
 
     fontResize();
 
}
 
}

Revision as of 14:52, 12 June 2020