DeviantBlocker

DeviantArt gallery - block images from selected artists

As of 2015-12-15. See the latest version.

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

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

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

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

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

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

// ==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);
	}
	
})();