Bookmarklet to remove elements from pages.

elemzapper

javascript:if (typeof(zapper) == "undefined") {window.zapper = {state: 1,over: null,selected: null,select: function(e) {zapper.selected = document.elementFromPoint(e.clientX, e.clientY);zapper.over=document.createElement("div");zapper.over.style="pointer-events:none;position:fixed;z-index:2147483647;background-color:#FF0000;opacity:0.5;";document.body.appendChild(zapper.over);var rect = zapper.selected.getBoundingClientRect();var overS=zapper.over.style;overS.left = rect.left+"px";overS.top = rect.top+"px";overS.width = rect.width+"px";overS.height = rect.height+"px";zapper.state = 2;},zap: function(e) {var selected2 = document.elementFromPoint(e.clientX, e.clientY);if (zapper.selected == selected2){console.log("zapping");selected2.parentElement.removeChild(selected2);}document.body.removeChild(zapper.over);zapper.state=3;console.log("done");}};	document.body.addEventListener("click", function(e){e.preventDefault();console.log("click");if (zapper.state == 1){zapper.select(e);} else if (zapper.state == 2) {zapper.zap(e);}});} else {zapper.state = 1;}

elemzapper.js

/*States:
	No run- null
	ready- 1
	selected- 2
	done- 3
	*/
// Create on first run
if (typeof(zapper) == "undefined") {
	window.zapper = {
		state: 1,
		over: null,
		selected: null,
		// Show translucent red div over selected element
		select: function(e) {
			zapper.selected = document.elementFromPoint(e.clientX, e.clientY);
			// Create overlay
			zapper.over=document.createElement("div");
			zapper.over.style="pointer-events:none;position:fixed;z-index:2147483647;background-color:#FF0000;opacity:0.5;";
			document.body.appendChild(zapper.over);
			// Set overlay size/location
			var rect = zapper.selected.getBoundingClientRect();
			var overS=zapper.over.style;
			overS.left = rect.left+"px";
			overS.top = rect.top+"px";
			overS.width = rect.width+"px";
			overS.height = rect.height+"px";
			zapper.state = 2;
		},
		// Zap element, remove overlay
		zap: function(e) {
			var selected2 = document.elementFromPoint(e.clientX, e.clientY);
			if (zapper.selected == selected2){
				console.log("zapping");
				selected2.parentElement.removeChild(selected2);
			}
			document.body.removeChild(zapper.over);
			zapper.state=3;
			console.log("done");
		}
	};
	document.body.addEventListener("click", function(e){
		e.preventDefault();
		console.log("click");
		if (zapper.state == 1){
			zapper.select(e);
		} else if (zapper.state == 2) {
			zapper.zap(e);
		}
	});
} else {
	// Activated, but not first run. Reset state.
	zapper.state = 1;
}