2008 3.06: Difference between revisions

From XPUB & Lens-Based wiki
No edit summary
No edit summary
Line 43: Line 43:
</source>
</source>


=== Make links disappear (two ways)===
==== Make links disappear (two ways)====


''hidden (but still taking up space in the layout)''
''hidden (but still taking up space in the layout)''

Revision as of 23:30, 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

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

PageRanked Links, Web to Image, Google Misspellings (Alexandre, Timo, Linda)

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.

"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