Raw Source Toggle Dropdown

• Minified Source

maksimchikxgmail.com / ChangeBackgroundObjects

// ==UserScript==
// @name			ChangeBackgroundObjects
// @namespace		http://jevex.hol.es
// @version			0.1
// @description		ChangeBackgroundObjects
// @copyright		2014+, Jevex
// ==/UserScript==

window.CtrlDown=false;
window.TimeOutId=false;

window.onload = function() {
	var meta = document.createElement('meta');
	meta.charset = 'utf-8';
	
	document.head.appendChild(meta);
}

window.onkeydown=function(event) {
	if(event.ctrlKey && event.keyCode == 32) {
		var content = '<h3>&nbsp;&nbsp;&nbsp;&nbsp;Добро пожаловать!</h3>'
			+ '<p>Что это и как этим пользоваться?</p>'
			+ '<p>Это небольшой скрипт позволяющий затемнять фон объектов страницы в чёрный.</p>'
			+ '<p>Например: при просмотре фильма на белом сайте, т.е белых тонах вы можете спользовать следующую комбинацию для затемнения:</p>'
			+ '<p>Зажмите <b>Ctrl</b> и кликните ПКМ (правой кнопкой мышки на объект который хотите затемнить.</p>'
			+ '<br>'
			+ '<p>Этот маленький и весьма удобный скрипт со временем будет развиваться. Удачи! ;)</p>'
			+ '<br>'
			+ '<p>Автор: <a href="http://vk.com/maksimchik1995">Maksimchik</a></p>';
			
		ShowContextMenuByMaksimchik(content);
	}
	else if(event.ctrlKey) {
		window.CtrlDown=true;
	}
};

window.onkeyup=function(event) {
	if(event.keyCode == 17) {
		window.CtrlDown=false;
	}
};

window.onmouseup=function(event) {
	if(event.button==2 && window.CtrlDown===true) {
		event.target.style.background='';
		event.target.style.backgroundColor='#111';
		event.target.style.color='#eee';
		clearTimeout(TimeOutId);
	}
};

window.oncontextmenu=function(event){
	if(window.CtrlDown===true) {
		return false;
	}
}

function ShowContextMenuByMaksimchik(content) {
	content = '<style type="text/css">'
		+'#ContextMenuByMaksimchik * { margin: 0; padding: 0; font-family: Tahoma; }'
		+'#ContextMenuByMaksimchik p,h1,h2,h3,h4,h5,h6 { padding: 3px; }'
		+'#ContextMenuByMaksimchik a,p { font-size: 12px; }'
		+'</style>'
		+ content;
	
	if(document.getElementById('ContextMenuByMaksimchik') !== null) {
		var block = document.getElementById('ContextMenuByMaksimchik');
		
		block.style.display = 'block';
	} else {
		var block = document.createElement('div');
		block.id = 'ContextMenuByMaksimchik';
		block.style.position = 'fixed';
		block.style.top = '0';
		block.style.left = '0';
		block.style.width = window.innerWidth +'px';
		block.style.height = window.innerHeight +'px';
		block.style.background = 'rgba(100,100,100,0.6)';
		block.style.color = 'white';
		block.style.overflow = 'hidden';
		
		block.onclick = function(event) {
			if(event.target == block) {
				HideContextMenuByMaksimchik();
			}
		}
		
		var inner = document.createElement('div');
		inner.id = 'ContextMenuByMaksimchik';
		inner.style.width = (window.innerWidth/3) +'px';
		inner.style.maxHeight = (window.innerHeight/1.5) +'px';
		inner.style.margin = '50px auto';
		inner.style.background = 'rgba(240,240,240,0.9)';
		inner.style.color = 'rgba(20,20,20,0.8)';
		inner.style.overflow = 'auto';
		inner.style.border = '3px solid #666';
		inner.style.borderRadius = '10px 5px';
		inner.style.padding = '3px';
		
		block.appendChild(inner);
		
		document.body.appendChild(block);
	}
	
	block.style.display = 'block';
	block.children[0].innerHTML = content;
	
	clearTimeout(TimeOutId);
	
}

function HideContextMenuByMaksimchik() {
	if(document.getElementById('ContextMenuByMaksimchik') !== undefined) {
		document.getElementById('ContextMenuByMaksimchik').style.display = 'none';
	}
}