Page Dimmer

Dim any page.

Version vom 17.12.2015. Aktuellste Version

Stellen Sie eine Frage, veröffentlichen Sie eine Bewertung oder melden Sie das Skript.

Wrap lines

// ==UserScript==
// @name        Page Dimmer
// @namespace   namespace
// @description Dim any page.
// @include     *
// @version     1
// @grant       none
// ==/UserScript==

var dim = document.createElement("div");
dim.setAttribute("id", "dimOverlay");
dim.style = "display: none; opacity: 0.6; background: #000; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 10000; pointer-events: none;"
document.body.appendChild(dim);

document.onkeypress = function(e) {
    x = e.which || e.keyCode; s = e.shiftKey;

    if(s) {
        if(x == 41) toggleDim(); // KEY_0
        else if(x == 43) changeDimOpacity(true); // KEY_+
        else if(x == 95) changeDimOpacity(false); // KEY_-
    }
};

function toggleDim() {
    var isOn = dim.style.display;
    if(isOn == "block") dim.style.display = "none";
    else dim.style.display = "block";
}

function changeDimOpacity(add) {
    var lvl = Math.min(Math.max(parseFloat(dim.style.opacity), 0.0), 1.0);
	if(add) lvl += 0.1;
	else lvl -= 0.1;
    dim.style.opacity = lvl.toString();
}