Common.js

CSS and Javascript changes must comply with the wiki design rules.

Note: After saving, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Clear the cache in Tools → Preferences

window.addEventListener('load', function(){
//***********************
//* Area Damage Link JS *
//***********************
    //Find all with AreaDamage Class, on click opens new tab on Area Damage Page
    var areaDamageDivs = document.getElementsByClassName("AreaDamage");
    if (areaDamageDivs !== null) {
	    for(var n = 0; n < areaDamageDivs.length; n++) {
	        areaDamageDivs[n].setAttribute("onclick","window.open('https://deeprockgalactic.gamepedia.com/Area_Damage', '_blank');");
	    }
    }
//***********************
//* Paint Job Viewer JS *
//***********************
    var hoverPaintJobJS = document.getElementsByClassName("PaintJob");
    var hoverFrameWorkJS = document.getElementsByClassName("FrameWork");
    if (hoverPaintJobJS === null || hoverFrameWorkJS === null ) {
    	return;
    }
    var PaintJob = "Stock";
    var FrameWork = "Stock";
    var Weapon = document.getElementById("Weapon");
    if (Weapon !== null) {
    	Weapon = Weapon.className;
    } else {
    	return;
    }
    var WeaponName = document.getElementById("WeaponName");
    if (WeaponName !== null) {
    	WeaponName = WeaponName.className;
    } else {
    	return;
    }
    var i;
    for (i = 0; i < hoverPaintJobJS.length; i++) {
      hoverPaintJobJS[i].addEventListener("mousedown", function( event ) {
      PaintJob = this.id;
    		document.getElementById("Name").innerHTML = WeaponName + ": " + FrameWork + " - "+ PaintJob;
        document.getElementById("Image").innerHTML = "File:Skin "+ Weapon + " " + FrameWork + " " + PaintJob +".png";
        }, false);
      hoverPaintJobJS[i].addEventListener("mouseover", function( event ) {
    		this.className += " Selected"
        }, false);
     	hoverPaintJobJS[i].addEventListener("mouseout", function( event ) {
        this.className = "PaintJob"
        }, false);
    }
    for (i = 0; i < hoverFrameWorkJS.length; i++) {
      hoverFrameWorkJS[i].addEventListener("mousedown", function( event ) {
      FrameWork = this.id;
    		document.getElementById("Name").innerHTML = WeaponName + ": " + FrameWork + " - "+ PaintJob;
        document.getElementById("Image").innerHTML = "File:Skin "+ Weapon + " " + FrameWork + " " + PaintJob +".png";
        }, false);
      hoverFrameWorkJS[i].addEventListener("mouseover", function( event ) {
    		this.className += " Selected"
        }, false);
     	hoverFrameWorkJS[i].addEventListener("mouseout", function( event ) {
        this.className = "FrameWork"
        }, false);
    }
}, false);