Greasemonkey to the rescue:
Edit: Now with "floaty description box appear as the mouse pointer wanders tantalisingly down the screen" as suggested by @CodeByMoonlight.
Edit 2: A screen shot (& to make sure I hit my free hand circle quota, I've indicated where the cursor was, since print screen doesn't capture it)
Teh codez:
(function() {
function GM_wait() {
if (typeof unsafeWindow.jQuery == 'undefined') {
window.setTimeout(GM_wait,100);
} else {
$ = unsafeWindow.jQuery; letsJQuery();
}
}
GM_wait();
function letsJQuery() {
var popup = $("<div></div>")
.css({
position: "absolute",
border: "solid 1px #000",
display: "none",
background: "#FFD",
width: "200px",
padding: "5px",
textAlign: "left",
zIndex: 100,
"-webkit-box-shadow": "2px 2px 5px #666",
"-moz-box-shadow": "2px 2px 5px #666",
"box-shadow": "2px 2px 5px #666"
})
.appendTo("body");
$(".post-menu").bind("DOMNodeInserted", function() {
$("ul.close-reasons").closest("div").css("width", "auto");
$("ul.close-reasons tr:odd").each(function() {
$(this).hide();
var text = $(this).text();
$(this).prev()
.mousemove(function(e) {
popup.text(text).css({top: (e.pageY + 15) + "px", left: (e.pageX + 15) + "px" }).show();
})
.mouseleave(function() {
popup.hide();
});
});
});
}
})();
(Note: it uses the DOMNodeInserted event, which I'm not sure is supported by all browsers... tested & working in Firefox 3.6 though, which I'm guessing is where most greasemonkey is run from anyway)
