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

m (Blanked the page)
m
Line 1: Line 1:
 +
<html>
 +
<script>
  
 +
// makes the default page title not display
 +
var topTitle = document.getElementById("top_title").style.display = "none";
 +
 +
var navText = document.getElementsByClassName("nav-text"); // gets all nav-text elements bc they are used in multiple funcs
 +
var dropLinks = document.getElementsByClassName("drop-link"); // gets all of the expandable nav sections for the same reason
 +
var navItems = document.getElementsByClassName("nav-item"); // gets all of the nav-items
 +
var foodItems = document.getElementsByClassName("food-item-inner");
 +
var navBtn = document.getElementById("open-close-nav");
 +
 +
function openNav() {
 +
    document.getElementById("nav-elements").style.right = "0";
 +
 +
    setTimeout(function() {
 +
        for(i = 0; i < navText.length; i++) { // makes the text inside each nav-item visible
 +
            navText[i].style.opacity = "1";
 +
            navItems[i].style.pointerEvents = "all"; // gives back the ability to click on things when the nav is open
 +
        }
 +
    }, 500);   
 +
           
 +
    document.getElementById("open-close-nav").className = "toggle-nav"; // for some reason,making it a global var didn't work
 +
    document.getElementById("open-close-nav").setAttribute("onclick","closeNav()");
 +
    document.getElementById("open-close-nav").title = "Close Menu";
 +
 +
    //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
 +
 +
}
 +
 +
function closeNav() {
 +
    closeSubmenus();
 +
             
 +
    for(i = 0; i < navText.length; i++) {
 +
        navText[i].style.opacity = "0";
 +
        navItems[i].style.pointerEvents = "none"; // tries to hide the fact that you can still click on it when closed
 +
    }
 +
 +
    setTimeout(function() {
 +
        document.getElementById("nav-elements").style.right = "100vw";
 +
    }, 500);
 +
               
 +
    document.getElementById("open-close-nav").className = "";
 +
    document.getElementById("open-close-nav").setAttribute("onclick","openNav()");
 +
    document.getElementById("open-close-nav").title = "Open Menu";
 +
 +
    //document.getElementById("nav-icon").style.display = "block";
 +
    //document.getElementById("close-nav-button").style.display = "none";
 +
}
 +
       
 +
function closeSubmenus() {
 +
    for(i = 0; i < dropLinks.length; i++) {
 +
        dropLinks[i].className = "drop-link nav-item"; // gets rid of the active-menu class name
 +
    }
 +
}
 +
           
 +
function showSubmenu(x) {
 +
    closeSubmenus(); // first closes the current open submenu
 +
 +
    for(i = 0; i < dropLinks.length; i++) { // then adds the class name active-menu to a specified element
 +
        if(i == (x-1)) {
 +
            dropLinks[i].className = "drop-link nav-item active-menu";
 +
        }
 +
    }
 +
}
 +
 +
function flipFood(x) {
 +
    unFlipFood();
 +
 +
    for(i = 0; i < foodItems.length; i++) {
 +
        if(i == (x-1)) {
 +
            foodItems[i].className = "food-item-inner flipped-food-item-inner";
 +
            foodItems[i].setAttribute("onclick","unFlipFood()");
 +
        }
 +
    }
 +
}
 +
 +
function unFlipFood() {
 +
    for(i = 0; i < foodItems.length; i++) {
 +
        foodItems[i].className = "food-item-inner food-item-inner-1";
 +
        var newOnClick = "flipFood(" + (i+1).toString() + ")";
 +
        foodItems[i].setAttribute("onclick", newOnClick);
 +
    }
 +
}
 +
 +
function fontResize() {
 +
    var bodyElement = document.getElementsByTagName("body");
 +
    var newFontSize = window.innerWidth * 0.0125;
 +
    newFontSize = newFontSize.toString();
 +
    newFontSize = newFontSize + "px";
 +
    bodyElement[0].style.fontSize = newFontSize;
 +
}
 +
 +
function toInteractive() {
 +
    window.scrollTo(0, document.getElementById("home-welcome").offsetHeight);
 +
}
 +
 +
function googleTranslateElementInit() {
 +
  new google.translate.TranslateElement({pageLanguage: 'en'}, 'translate-feature');
 +
  //({pageLanguage: 'en', includedLanguages: 'es,fr'}, 'translate-feature');
 +
}
 +
 +
function windowResize() {
 +
    fontResize();
 +
}
 +
 +
function windowLoad() {
 +
    fontResize();
 +
}
 +
</script>
 +
<html>

Revision as of 18:52, 9 July 2020