Skip to content

Instantly share code, notes, and snippets.

@dave1010

dave1010/hnpanel.js

Created August 23, 2011 11:51
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save dave1010/1164926 to your computer and use it in GitHub Desktop.
Save dave1010/1164926 to your computer and use it in GitHub Desktop.
Download ZIP
the code from @chetan51 's hnpanel bookmarklet
Raw
hnpanel.js
(function(e, a, g, h, f, c, b, d) {
if (! (f = e.jQuery) || g > f.fn.jquery || h(f)) {
c = a.createElement("script");
c.type = "text/javascript";
c.src = "http://ajax.googleapis.com/ajax/libs/jquery/" + g + "/jquery.min.js";
c.onload = c.onreadystatechange = function() {
if (!b && (!(d = this.readyState) || d == "loaded" || d == "complete")) {
h((f = e.jQuery).noConflict(1), b = 1);
f(c).remove()
}
};
a.documentElement.childNodes[0].appendChild(c)
}
})(window, document, "1.6.1", function($, L) { % 20(function() {
var % 20head,
panel,
panel_close_button,
panel_frame,
panel_html,
panel_status,
style;
style = "<style%20type=\"text/css\">\n%20#hacker-panel%20{\n%20%20display:%20none;\n%20%20position:%20fixed;\n%20%20bottom:%200;\n%20%20z-index:%20999999;\n%20%20\n%20%20width:%20100%25;\n%20%20height:%2040px;\n\n%20%20border:%200;\n%20%20background:%20#fff;\n%20%20\n%20%20-moz-box-shadow:%20rgba(0,%200,%200,%200.2)%200%20-5px%206px%200;\n%20%20-webkit-box-shadow:%20rgba(0,%200,%200,%200.2)%200%20-5px%206px%200;\n%20%20-o-box-shadow:%20rgba(0,%200,%200,%200.2)%200%20-5px%206px%200;\n%20%20box-shadow:%20rgba(0,%200,%200,%200.2)%200%20-5px%206p;\n%20}\n%20\n%20#hacker-panel%20.close-button%20{\n%20%20position:%20absolute;\n%20%20top:%2010px;\n%20%20right:%2010px;\n%20%20padding:%205px;\n%20%20background:%20#fff;\n%20%20color:%20#999;\n%20%20cursor:%20auto;\n%20%20display:%20block;\n%20%20font-family:%20'Helvetica%20Neue',%20Helvetica,%20Arial,%20sans-serif;\n%20%20font-size:%2018px;\n%20%20height:%2010px;\n%20%20width:%2011px;\n%20%20line-height:%2010px;\n%20%20text-decoration:%20none;\n%20}\n%20\n%20#hacker-panel%20.status%20{\n%20%20text-align:%20center;\n%20%20padding-top:%2010px;\n%20%20font-family:%20Verdana;\n%20%20font-size:%2012px;\n%20}\n%20\n%20#hacker-panel%20.frame%20{\n%20%20display:%20none;\n%20%20width:%20100%25;\n%20%20height:%20100%25;\n%20%20border:%200;\n%20}\n</style>";
head = $("head");
if (!head.length) {
$("html").append($("<head></head>"));
}
$("head").append(style);
panel_html = "<div%20id=\"hacker-panel\"%20class=\"panel\">\n%20<div%20class=\"close\">\n%20%20<a%20href=\"#\"%20class=\"close-button\">&times;</a>\n%20</div>\n%20<div%20class=\"status\">\n%20%20Loading...\n%20</div>\n%20<iframe%20class=\"frame\"%20/>\n</div>";
panel = $("#hacker-panel");
if (panel.length) {
if (panel.is(":visible")) {
panel.slideUp("fast");
} else {
panel.slideDown("fast");
}
} else {
panel = $(panel_html);
panel_status = panel.find(".status");
panel_frame = panel.find(".frame");
panel.appendTo("body");
panel.slideDown("fast");
$.getJSON("http://api.ihackernews.com/getid?format=jsonp&callback=?&url=" + encodeURI(window.location), function(data) {
if (data.length) {
return % 20panel_frame.attr("src", "http://news.ycombinator.com/item?id=" + data[0]);
} else {
return % 20panel_frame.attr("src", "http://news.ycombinator.com/submitlink?u=" + encodeURIComponent(document.location) + "&t=" + encodeURIComponent(document.title));
}
});
panel_frame.bind("load", function() {
panel_status.fadeOut("fast");
panel_frame.fadeIn("fast");
return % 20panel.animate({
height: "60%25"
});
});
}
panel_close_button = panel.find(".close-button");
panel_close_button.click(function() {
return % 20panel.slideUp("fast");
});
}).call(this); % 20
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment