By invader
—
Last update
May 12, 2007
—
Installed
179 times.
// Brian Shaler's DiggTaggr
// version 0.1.5 Alpha
// 2007.05.02
// Copyright (c) 2007 - Brian Shaler
// Brian's Interwebs: // http://brian.shaler.name/
// brian@shaler.name // As always, feedback is appreciated!
// --------------------------------------------------------------------
// This is a Greasemonkey user script.
// To install, you need Greasemonkey: http://greasemonkey.mozdev.org/
// Then restart Firefox and revisit this script.
// Under Tools, there will be a new menu item to "Install User Script".
// --------------------------------------------------------------------
// Version Details:
// 0.1.5 // 2007.05.02
// | Change for the Digg API (appkey). Fix javascript date issue
// View details for previous updates on the DiggTaggr download page
// --------------------------------------------------------------------
// Security Note:
// | No identifying information about the user is sent using this
// | script. Users should be warned that installing Greasemonkey
// | user scripts can be a security risk. ALWAYS inspect the code
// | before installing it!!
// --------------------------------------------------------------------
// "Digg" is a trademark of Digg Inc.
// "DiggTaggr" is not affiliated, sponsored, or endorsed by Digg Inc.
// Brian Shaler reserves the right to deactivate this free "DiggTaggr"
// service at any time without notice.
// --------------------------------------------------------------------
// ==UserScript==
// @name Brian Shaler's DiggTaggr
// @namespace http://brian.shaler.name/pages/left/diggtaggr/
// @description Displays links to relevant Digg submissions by analyzing key words of the current digg submission.
// @include http://digg.com/*
// @include http://*.digg.com/*
// ==/UserScript==
// only run this if you're on a story detail page
if (document.getElementsByName("storyid").length > 0)
{
taggrStyle = document.createElement("style");
taggrStyle.type = "text/css";
taggrStyle.innerHTML = ".diggtaggrDiggs:link, .diggtaggrDiggs:active, .diggtaggrDiggs:visited { " +
"background: url('http://brian.shaler.name/images/digg/taggrDiggsBg.gif') no-repeat; display:block; float:left; width: 60px; height: 18px; font-size:10px; color: #666666; padding: 2px 0px 0px 0px; text-decoration: none; text-align: center; } \n" +
".diggtaggrDiggs:hover { color: #000000; } \n" +
".diggtaggrTitle { float: left; margin: 1px 0px; border-bottom: 1px solid rgb(117, 171, 234); font-size: 13px; line-height: 16px; text-decoration: none; } \n" +
".diggtaggrTitle:hover { border-bottom: 1px solid #666666; } \n" +
".diggtaggrExpand { float: left; margin: 2px 8px; } \n" +
".diggtaggrSummary { float: left; width: 90%; margin: 0px 8px 4px 88px; display: none; } \n" +
".diggtaggrItem { margin-bottom: 6px; } \n" +
".dateTooltip { position:absolute; visibility: hidden; left: 0px; top: 1.3em; white-space: nowrap; padding: 3px 7px; background-color: #fffef7; border: solid 1px #fdf0bb; }";
var head = document.getElementsByTagName('head')[0];
head.appendChild(taggrStyle);
// this will grab the "news-body".. luckily, it's the only element on the page with that class
function getElementsByClass (className)
{
var all = document.all ? document.all : document.getElementsByTagName('*');
var elements = new Array();
for (var i = 0; i < all.length; i++)
{
if (all[i].className == className)
{
elements[elements.length] = all[i];
}
}
return elements;
}
// "news-body" is the class assigned to the div that holds the title, description, and other 'stuff'
newsBody = getElementsByClass("news-body"); // selects the news-body element
paragraph = newsBody[0].getElementsByTagName("p");
paragraph[0].style.paddingBottom = "0px";
newsDetails = getElementsByClass("news-details");
dl = newsDetails[0].getElementsByTagName('dl')[0];
elements = dl.getElementsByTagName("*");
curChild = elements[0];
output = 0;
startDiv = "<div style='float: left;'>";
outputString = "<div style='margin-top: -18px; height: 12px;'>"// + startDiv;
endDiv = "</div>";
while (curChild.nextSibling != undefined)
{
if (curChild.tagName)
{
if (Math.floor(output/2)==output/2 && output!=0)
{
if (output == 4)
{
outputString += "</div> <br clear='left' /> <div style='width: 100%; float: none;'>";
} else
{
outputString += startDiv + " | " + endDiv;
}
}
if (output == 1)
{
outputString += "<div style='float: left;' id='taggrTimestamp" + document.getElementsByName("storyid")[0].value + "'>" + curChild.innerHTML + " " + endDiv;
} else
{
outputString += startDiv + curChild.innerHTML + " " + endDiv;
}
output++;
}
curChild = curChild.nextSibling;
}
//outputString += endDiv;
newNewsDetails = document.createElement("div");
newNewsDetails.style.color = "#666666";
newNewsDetails.style.fontSize = "10px";
newNewsDetails.style.padding = "0px";
newNewsDetails.innerHTML = outputString;
dl.parentNode.insertBefore(newNewsDetails, dl);
dl.style.display = "none";
dl.remove;
// creating a floating holder for the relevant links
taggrContainer = document.createElement("div");
taggrContainer.style.cssFloat = "left";
taggrContainer.style.width = "90%";
// this places the relevant link holder immediately after the "news-body" div
newsBody[0].parentNode.insertBefore(taggrContainer, newsBody[0].nextSibling);
// insert header
header4 = document.createElement("h4");
header4.style.marginTop = "8px";
header4.style.marginBottom = "8px";
header4.style.color = "#666666";
header4.innerHTML = "DiggTaggr - Relevant Stories <a href=\"http://brian.shaler.name/diggtaggr/\" style=\"font-size: 9px; color: rgb(170, 170, 170);\">powered by: Brian Shaler</a>";
taggrContainer.insertBefore(header4, null);
// insert loading text
loadText = document.createElement("div");
loadText.innerHTML = "<br>Loading..<br><br>";
taggrContainer.insertBefore(loadText, null);
// grabs xml of relevant stories using the storyid var in the query string
GM_xmlhttpRequest({ method: 'GET', url: 'http://brian.shaler.name/diggtaggr/taggrxml.php?v=0.1.5&storyid='+document.getElementsByName("storyid")[0].value, headers: { 'User-agent': 'Mozilla/4.0 (compatible) Greasemonkey/0.3', 'Accept': 'application/xml,text/xml' },
// xml is loaded, let's go
onload: function(responseDetails)
{
var parser = new DOMParser();
var dom = parser.parseFromString(responseDetails.responseText, "application/xml");
// iterates through the xml document and puts the returned data into new sub-divs
items = dom.getElementsByTagName('taggr');
storyArray = new Array();
for (var i = 0; i < items.length; i++)
{
thisStoryId = items[i].getElementsByTagName('storyid')[0].textContent;
storyArray[storyArray.length] = thisStoryId;
thisStoryUrl = items[i].getElementsByTagName('url')[0].textContent;
thisStoryTitle = items[i].getElementsByTagName('title')[0].textContent;
thisItem = document.createElement("div");
thisItem.style.marginBottom = "2px";
thisItem.innerHTML = "<div class=\"diggtaggrItem\">" +
"<a class=\"diggtaggrDiggs\" href=\"" + thisStoryUrl + "\" id=\"taggrLink" + thisStoryId + "\">Loading</a> " +
"<a class=\"diggtaggrExpand\" href=\"javascript: taggrExpand(" + thisStoryId + ");\" title=\"Show Story Description\"><img src=\"http://brian.shaler.name/images/digg/button_plus.gif\" id=\"taggrExpand" + thisStoryId + "\"></a>" +
"<a class=\"diggtaggrTitle\" href=\"" + thisStoryUrl + "\">" + thisStoryTitle + "</a>" +
"<div class=\"diggtaggrSummary\" id=\"taggrSummary" + thisStoryId + "\">Loading...</div>" +
"<br clear=\"all\"></div>";
taggrContainer.insertBefore(thisItem, null);
}
// error handling
myError = dom.getElementsByTagName('error');
if (myError.length > 0)
{
errorText = myError[0].getElementsByTagName('info')[0].textContent;
errorDiv = document.createElement("div");
errorDiv.style.color = "#990000";
errorDiv.style.fontSize = "10px";
errorDiv.innerHTML = errorText;
taggrContainer.insertBefore(errorDiv, null);
}
loadText.style.display = "none";
storyIds = "";
for (i=0;i<storyArray.length;i++)
{
if (i!=0)
{
storyIds += ",";
}
storyIds += storyArray[i];
}
myUrl = 'http://services.digg.com/stories/'+storyIds+','+document.getElementsByName("storyid")[0].value + '?appkey=http%3A%2F%2Fbrian%2Eshaler%2Ename%2Fdiggtaggr%2F';
// embeds javascript functions for the Expanding/Collapsing buttons
taggrScript = document.createElement("script");
taggrScript.innerHTML = "stories = new Array (" + storyIds + ");\n" +
"taggrExpand = function (storyId) { " +
"stories = new Array("+storyIds+"); " +
"for (i=0;i<stories.length;i++) {" +
"if (eval(storyId)!=eval(stories[i])) {" +
"taggrCollapse (stories[i]);" +
"}" +
"}" +
"expandButton = document.getElementById(\"taggrExpand\"+storyId); " +
"expandButton.src = \"http://brian.shaler.name/images/digg/button_minus.gif\"; " +
"expandButton.parentNode.href = ('javascript: taggrCollapse(' + storyId + ');'); " +
"summaryBlock = document.getElementById(\"taggrSummary\"+storyId); " +
"summaryBlock.style.display = 'block'; " +
"}\n" +
"taggrCollapse = function (storyId) { " +
"expandButton = document.getElementById(\"taggrExpand\"+storyId); " +
"expandButton.src = \"http://brian.shaler.name/images/digg/button_plus.gif\"; " +
"expandButton.parentNode.href = ('javascript: taggrExpand(' + storyId + ');'); " +
"summaryBlock = document.getElementById(\"taggrSummary\"+storyId); " +
"summaryBlock.style.display = 'none'; " +
"}\n" +
"epochToDate = function (e) { " +
"d = new Date(); e = parseInt(e); if(e<10000000000) { e *= 1000; } " +
"d.setTime(e); h = d.getHours(); ampm = h > 12 ? 'pm' : 'am'; " +
"h = h > 12 ? h - 12 : h; m = d.getMinutes(); m = m < 10 ? '0' + m : m; " +
"returnString = ' ' + (d.getMonth()+1) + '/' + d.getDate() + '/' + d.getFullYear() + ' ' + h + ':' + m + ' ' + ampm + ' '; " +
"return returnString; " +
"}\n" +
"showTooltip = function (targ, t) { " +
"x = document.getElementById(targ);" +
"x.style.visibility = 'visible';" +
"x.innerHTML = epochToDate(t);" +
"}\n" +
"hideTooltip = function (targ) { " +
"x = document.getElementById(targ); " +
"x.style.visibility = 'hidden'; " +
"}";
head.appendChild(taggrScript);
// grabs xml from Digg for summary text and current Digg/Comment count on the relevant stories
//'User-agent': 'Mozilla/4.0 (compatible) Greasemonkey/0.3', 'Accept': 'application/xml,text/xml'
GM_xmlhttpRequest({ method: 'GET', url: myUrl, cookies: document.cookie, headers: { 'Host': 'services.digg.com',
'User-Agent': navigator.userAgent,
'Accept': 'text/xml,application/xml,application/xhtml+xml,text/html;q=0.9,text/plain;q=0.8,image/png,*/*;q=0.5',
'Accept-Language': 'en-us,en;q=0.5',
'Accept-Encoding': 'gzip,deflate',
'Accept-Charset': 'ISO-8859-1,utf-8;q=0.7,*;q=0.7',
'Keep-Alive': '300' },
// xml is loaded, let's go
onload: function(responseDetails)
{
var parser = new DOMParser();
var dom = parser.parseFromString(responseDetails.responseText, "application/xml");
// iterates through the xml document and populates the Digg count, Comment count, and Summary text
items = dom.getElementsByTagName('story');
storyArray = new Array();
for (var i = 0; i < items.length; i++)
{
thisStoryId = items[i].getAttribute('id');
if (thisStoryId != document.getElementsByName("storyid")[0].value)
{
thisStoryDiggs = items[i].getAttribute('diggs');
thisStorySummary = items[i].getElementsByTagName('description')[0].textContent;
thisStorySummary += "<br><div style='font-size: 10px; margin-top: 4px; color: #666666;'>Submitted: <span id='taggrTimestamp" + thisStoryId + "'>x</span>";
thisStorySummary += " | Submitter: " + items[i].getElementsByTagName('user')[0].getAttribute('name') + "</div>";
document.getElementById("taggrLink"+thisStoryId).innerHTML = thisStoryDiggs+" diggs";
document.getElementById("taggrSummary"+thisStoryId).innerHTML = thisStorySummary;
timeScript = document.createElement("script");
timeScript.innerHTML = "showTooltip('taggrTimestamp" + thisStoryId + "', " + items[i].getAttribute('submit_date') + ")";
head.appendChild(timeScript);
} else
{
thisName = "taggrTimestamp" + thisStoryId;
targ = document.getElementById(thisName);
tstamp = items[i].getAttribute('submit_date');
currDate = targ.innerHTML;
newHTML = "<span onmouseover=\"javascript: showTooltip('x"+thisName+"', "+tstamp+");\" onmouseout=\"javascript: hideTooltip('x"+thisName;
newHTML += "');\"><span style='position: absolute;'><div class='dateTooltip' id='x"+thisName+"'></div></span>" + currDate + "</span>";
targ.innerHTML = newHTML;
}
}
}
});
}
});
}
