DeviantBlocker

DeviantArt gallery - block images from selected artists

目前為 2015-12-15 提交的版本,檢視 最新版本

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

You will need to install an extension such as Tampermonkey to install this script.

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 Tampermonkey,才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

(我已經安裝了使用者腳本管理器,讓我安裝!)

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

(我已經安裝了使用者樣式管理器,讓我安裝!)

// ==UserScript==
// @name DeviantBlocker
// @namespace brandrock.co.za
// @author Peter Brand
// @description DeviantArt gallery - block images from selected artists
// @license GNU GPLv3
// @include http://www.deviantart.com/
// @include http://www.deviantart.com/?*
// @include http://browse.deviantart.com/*
// @include http://www.deviantart.com/browse/*
// @include https://www.deviantart.com/
// @include https://www.deviantart.com/?*
// @include https://browse.deviantart.com/*
// @include https://www.deviantart.com/browse/*
// @version 1.3
// @grant GM_getValue
// @grant GM_setValue
// @run-at document-end
// ==/UserScript==

// @grant GM_log

(function() {
	var blacklist = GM_getValue('DAGbl', '|');
	var thumbs = document.getElementsByTagName('IMG');

	//scan all IMG elements that have a data-src attribute (seems unique to gallery images)
	for(var i = thumbs.length; i--;) {
		var img = thumbs[i];
		if (img.getAttribute('data-src')){
			var div = img.parentNode;
			//walk up parents to find the container div that has the user name and id
			while (!(div.tagName == 'DIV' && div.getAttribute('userid')>'')) {
				div = div.parentNode;
			}
			//save the name and id, use id to block as name can change
			var username = div.getAttribute('username');
			var userid = div.getAttribute('userid');
			//create a button on the page to toggle the state of the artist
			var elem = document.createElement('button');
			elem.type = 'button';
			elem.userid = userid;
			img.userid = userid;
			elem.title = 'Click to hide/show images from this artist';
			elem.innerHTML = username;
			var useridD = '|' + userid + '|'
			if (blacklist.indexOf(useridD) > -1){
				imgHide(img);
				elem.isBlocked = true;
			} else {
				elem.isBlocked = false;
			}
			elem.addEventListener('click', function(){
				artistToggle(this);
			});
			catSpan = div.querySelector(".category");
			catSpan.parentNode.insertBefore(elem, catSpan);
		}
	}

	function artistToggle(button) {
		//show or hide the images for this artist
		if (button.isBlocked){
			//remove from blacklist string - could have used an array, but string is fast enough
			blacklist = blacklist.replace(button.userid + '|', '');
			GM_setValue('DAGbl', blacklist);
			//scan page for all images for this artist and show them
			for(var i = thumbs.length; i--;) {
				var img = thumbs[i];
				if(img.userid == button.userid){
					imgShow(img);
				}
			}
			button.isBlocked = false;
		} else {
			//add to blacklist
			blacklist = blacklist + button.userid + '|';
			GM_setValue('DAGbl', blacklist);
			//scan page for all images for this artist and hide them
			for(var i = thumbs.length; i--;) {
				var img = thumbs[i];
				if(img.userid == button.userid){
					imgHide(img);
				}
			}
			button.isBlocked = true;
		}
	}
	
	function imgHide(img){
		//opacity is used so that the image can still trap mouseover/out
		//setting style.visibilty does not detect mouse
		img.style.opacity = '0.05';
		img.addEventListener('mouseover', function (){
			this.style.opacity = '1';
		}, false);
		img.addEventListener('mouseout', function (){
			this.style.opacity = '0.05';
		}, false);
	}
	
	function imgShow(img){
		//show the image and remove the anoymous events
		//it is assumed that our events are the first in the list (true for now until DA decides differently)
		img.style.opacity = '1';
		var fn =  getEventListeners(img.mouseover[0].listener);
		if (fn)	img.removeEventListener('mouseover', fn, false);
		fn =  getEventListeners(img.mouseout[0].listener);
		if (fn) img.removeEventListener('mouseout', fn, false);
	}
	
})();