Monkeying with Twitter

twittermonkey.user.js

// ==UserScript==
// @name           Monkeying with Twitter
// @namespace      kentbrewster.com
// @description    A teaching framework for Greasemonkey. Our target for tonight: Twitter
// @include        http://twitter.com/*
// ==/UserScript==   

//////////////////////////////////////////////
// make sure Greasemonkey is really working // 
//////////////////////////////////////////////
  
alert ('Greasemonkey awaits your bidding, master.');                   
// COMMENT THIS OUT WHEN YOU'RE HAPPY GREASEMONKEY IS WORKING                                                                                  


///////////////////////////////////////////////////////////////////////////////////
// a handy shortcut, so we don't have to keep typing in "document" over and over //
///////////////////////////////////////////////////////////////////////////////////

var d = document;                               


//////////////////////////////
// change the main headline //
//////////////////////////////

// find it on the page
var theHeadline = d.getElementsByTagName('H3')[0];

// change it
//theHeadline.textContent = 'Yo, baby. Whassup?';   
// UNCOMMENT TO SEE THIS WORK  

/////////////////////////////  
// change the tweet button //
/////////////////////////////

// find it on the page
var theButton = d.getElementById('tweeting_button');

// change its contents
//theButton.innerHTML = 'Sheboygan!';    
// UNCOMMENT TO SEE THIS WORK                                                                                         

///////////////////////////
// remove elements by ID //
///////////////////////////

// the list of IDs we want to delete
var deleteById = 
	[ 'trends'
	, 'pagination'
	, 'new_results_notification'
	, 'geo_status'
	, 'rssfeed'
	, 'following'
	, 'message_count'
];
  
// loop through all IDs listed above in deleteById
for (var i = 0; i < deleteById.length; i++) {    
	
	// the one we're working with right now
	var toDelete = deleteById[i];          
	
	// get it from the document
	var me = d.getElementById(toDelete); 
	
	// go up one level in the document to its parent and remove it
    // me.parentNode.removeChild(me);  
	// UNCOMMENT TO SEE THIS WORK  
}     
     

///////////////////////////////////
// remove elements by class name //
///////////////////////////////////

// the list of class names we're going to look at
var deleteByClass = 
	[ 'stats'
	, 'promotion round'
];

// loop through all the class names listed above in deleteByClass
for (var i = 0; i < deleteByClass.length; i++) {    
	                               
	// here's the one we're working with right now
	var toDelete = deleteByClass[i];
	
	// get all elements 
   	var theElements = d.getElementsByClassName(toDelete);            
                                                     
	// loop through all the elements
 	for (var j = 0; j < theElements.length; j++) {     
	
		// here's the one we're working with right now
		var me = theElements[j];                      
		
		// go up one level in the document to its parent and remove it
		// me.parentNode.removeChild(me);
		// UNCOMMENT TO SEE THIS WORK  
   	}
}          

//////////////////////
// add a stylesheet //
//////////////////////     

// IMPORTANT: uncomment the BOTTOM LINE
// and then go through and uncomment various rules (as noted)
// to see it working

// a list of styles we're going to add
var rules = [ ''     

// global font mischief
//   , '* { font-family:monaco, courier new, courier, monospaced; }'   
// UNCOMMENT TO SEE THIS WORK  

// some sidebar changes   
//	, '#side_base { background:#000; }'      
//	, '#primary_nav { margin-top:10px; }',             
//	, 'div.user_icon:hover, div.user_icon:hover * { color:#fff; background:#000; text-decoration:none;}'
//	, '#side a { color:#ff0; }'   
//	, '#side a:hover { background:#ff0; color:#000; }'     
//	, '#side_base, #me_name, #me_tweets { color:#fff; }'  
//	, 'ul.sidebar-menu li.active a { background-color:#666; }'  
// UNCOMMENT PREVIOUS SEVEN LINES TO SEE THIS WORK  
	  
// hide the @%!$* hovercards
//	, '.hovercard { display:none; }'
// UNCOMMENT TO SEE THIS WORK  
 ];   

// join all the rules into a single string and call it 'styles'
var style = rules.join("\n");   

// add !important to every rule
style = style.replace(/;/g, '!important;');  

// create an empty stylesheet
var css = document.createElement('STYLE');     

// set its type to text/cs
css.type = 'text/css';          

// add the style we created above
css.appendChild(document.createTextNode(style));  

// add it to our document body   
// d.getElementsByTagName('BODY')[0].appendChild(css); 
// UNCOMMENT TO SEE THIS WORK