2008 3.06: Difference between revisions

From XPUB & Lens-Based wiki
Line 65: Line 65:
=== GreaseMonkey ===
=== GreaseMonkey ===


GreaseMonkey is a Firefox add-on that allows custom JavaScripts to get run when viewing the pages on (particular) sites. Writing and testing a javascript with GreaseMonkey may be a convenient way to test out an idea before making a full-fledged standalone Firefox add-on.
GreaseMonkey is a Firefox add-on that allows custom JavaScripts to get run when viewing the pages on (particular) sites. Writing and testing a javascript with GreaseMonkey may be a convenient way to test out an idea before making a full-fledged standalone Firefox add-on / extension.
[[Image:Bruinsma.png|thumb]]
[[Image:Bruinsma.png|thumb]]
* http://www.greasespot.net/
* http://www.greasespot.net/

Revision as of 23:42, 22 May 2008

Add-on, plug-in, drop out [1]

Exploring some "not from scratch" Firefox browser modding.

Beyond Firefox Options

Examples

Images only: (Alexandre)

* {
	visibility: hidden;
}

img {
	visibility: visible;
}

Volapyk - browsing

File:Volapyk-browsing.png

Changing the font to Webdings 

body {
	font-family : Webdings ! important;
}

Trash - browsing

Mess things up badly 

* { background: none;}
p { position: absolute;}
div { position: absolute;}
img { position: absolute;}
td { position: absolute;}
table { position: absolute;}
* { color: red;}

Make links disappear (two ways)

hidden (but still taking up space in the layout) 

a { visibility: hidden ! important }

removed from layout entirely 

a { display: none ! important }

Firefox Add-Ons

Examples:

GreaseMonkey

GreaseMonkey is a Firefox add-on that allows custom JavaScripts to get run when viewing the pages on (particular) sites. Writing and testing a javascript with GreaseMonkey may be a convenient way to test out an idea before making a full-fledged standalone Firefox add-on / extension.

File:Bruinsma.png

"Image Eater" Script

var allimages = Array();

function extractImages (node) {
	if (node.nodeName.toLowerCase() == "img") {
		console.log("found img", node);
		allimages.push(node);
		// node.parentNode.removeChild(node);
	}
	for (var i=0; i<node.childNodes.length; i++) {
		var c = node.childNodes[i];
		extractImages(c);
	}
}

extractImages(document.body);
// document.body.innerHTML = "";

function removeImage () {
	var img = allimages.splice(0, 1)[0];
	console.log("have", img);
	try {
		img.parentNode.removeChild(img);
	} catch (e) {
	}
	if (allimages.length > 0) window.setTimeout(removeImage, 1000);
}

window.setTimeout(removeImage, 1000);

examples

Retrieved from "https://pzwiki.wdka.nl/mw-mediadesign/index.php?title=2008_3.06&oldid=818"