Adding display names to Twitter icon images.
Jeff Barr talked about adding real names to Twitter via greasemonkey..
I’ve been writing lots of ridiculous Javascript to mess with an app I’ve been testing so I put together the quickest and ugliest GreaseMonkey script to do what Jeff asked for, real names on profile pictures.
So, here we are now…
Here is the script if you’re interested in it. If you can add CSS to make it look better please let me know.
// ==UserScript==
// @name Twitter Real Name
// @description Adds spans to twitter icons showing profile names.
// @include http://twitter.com/*
// @exclude
// ==/UserScript==
var contacts = document.evaluate(
"//a[@rel='contact']",
document,
null,
XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,
null);
for(var i = 0; i < contacts.snapshotLength; i++)
{
var friend = contacts.snapshotItem(i);
var span = document.createElement('span');
span.id = 'real-name-' + friend.id;
span.innerHTML = friend.title;
friend.parentNode.insertBefore(span, friend.nextSibling );
}
[…] Update: Wes Maldonado was looking for something to do and wrote a nice script to do what I wanted! Thanks, Wes. […]
[…] the way, my Twitter page shows names because I am running Wes Maldonado’s Greasemonkey […]
Another idea for you —
Since people are using “@name” to direct a message at a particular person, how about a way to configure the script to scan for “@my_name” and to highlight the entire message?
Jeff;