☰

MetaFilter Filter By Favorites

Allows users to view MetaFilter comments by favorite count.

当前为 2014-10-14 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name           MetaFilter Filter By Favorites
  3. // @namespace      http://namespace.kinobe.com/metafilter/
  4. // @description    Allows users to view MetaFilter comments by favorite count.
  5. // @include        /^https?://(www|ask|metatalk|fanfare|projects|music|irl)\.metafilter\.com/.*$/
  6. // @include        http://mefi/*
  7. // @version        1.0
  8. // @grant           GM_addStyle
  9. // ==/UserScript==
  10.  
  11. /*
  12.  
  13.  This copyright section and all credits in the script must be included in modifications or redistributions of this script.
  14.  
  15.  MetaFilterFilterByFavorites is Copyright (c) 2014, Jonathan Gordon
  16.  MetaFilterFilterByFavorites is licensed under a Creative Commons Attribution-Share Alike 3.0 Unported License
  17.  License information is available here: http://creativecommons.org/licenses/by-sa/3.0/
  18.  
  19. */
  20.  
  21. /*
  22.  This script borrows heavily from Jimmy Woods' MetaFilter favorite posts filter script
  23.  http://userscripts.org/scripts/show/75332
  24.  
  25.  Also from Jordan Reiter's MetaFilter MultiFavorited Multiwidth - November Experiment
  26.  http://userscripts.org/scripts/show/61012
  27.  
  28.  Please see the README.md for more info:
  29.  
  30.  https://greasyfork.org/scripts/5717-metafilter-filter-by-favorites
  31.  
  32.  Version 1.0
  33.  - Initial Release.
  34.  */
  35.  
  36. var LogLevelEnum = {
  37.     DEBUG:{value:0, name:"Debug"},
  38.     INFO:{value:1, name:"Info"},
  39.     WARN:{value:2, name:"Warn"},
  40.     ERROR:{value:3, name:"Error"}
  41. };
  42.  
  43. var SiteEnum = {
  44.     WWW:{
  45.         name:"www", titleRE:/^.+?\| MetaFilter$/, fav_prefix:"2"
  46.     }, ASK:{
  47.         name:"ask", titleRE:/^.+?\| Ask MetaFilter$/, fav_prefix:"4"
  48.     }, TALK:{
  49.         name:"talk", titleRE:/^.+?\| MetaTalk$/, fav_prefix:"6"
  50.     }, PROJECTS:{
  51.         name:"projects", titleRE:/^.+?\| MetaFilter Projects$/, fav_prefix:"13"
  52.     }, MUSIC:{
  53.         name:"music", titleRE:/^.+?\| MeFi Music$/, fav_prefix:"9"
  54.     }, IRL:{
  55.         name:"irl", titleRE:/^.+?\| IRL: MeFi Events$/, fav_prefix:"20"
  56.     }, FANFARE:{
  57.         name:"fanfare", titleRE:/^.+?\| FanFare$/, fav_prefix:"24"
  58.     }
  59. };
  60.  
  61. Global = {
  62.     last_tr:null        // Reference to the last TR tag in the select table that a user clicked on.
  63.     , table_bg_color:"#E6E6E6"   // Background color for the table rows.
  64.     , selected_color:"#88c2d8"     // BG color for the selected table row.
  65.     , hover_color:"#DC5E04"     // BG color for the selected table row.
  66.     , favorite_color:"#ff7617"     // BG color for the selected table row.
  67.     , max_count:100     // Largest possible # of favorites
  68.     , min_count:0     // Smallest # of favorites that are highlighted
  69.     , posts:[]        // Stores info about each post
  70.     , max_favorites:0   // Highest favorite count so far.
  71.     , doLog:true   // Should we log messages?
  72.     , row_prefix:"summary_id_" // Used to set the ID for each row in the comment/favorite chart
  73.     , logLevel:LogLevelEnum.INFO   // What's the default log level?
  74. };
  75.  
  76.  
  77. /**
  78.  * ----------------------------------
  79.  * Logger
  80.  * ----------------------------------
  81.  * Allows swapping out GM logger for console
  82.  */
  83. Logger = {
  84.  
  85.     log:function (message, logLevelEnum) {
  86.         logLevelEnum = logLevelEnum || LogLevelEnum.INFO;
  87.  
  88.         if (Global.doLog && logLevelEnum.value >= Global.logLevel.value) {
  89. //            GM_log(message);
  90.             console.log(message);
  91.         }
  92.     }, debug:function (message) {
  93.         Logger.log(message, LogLevelEnum.DEBUG);
  94.     }, info:function (message) {
  95.         Logger.log(message, LogLevelEnum.INFO);
  96.     }, warn:function (message) {
  97.         Logger.log(message, LogLevelEnum.WARN);
  98.     }, error:function (message) {
  99.         Logger.log(message, LogLevelEnum.ERROR);
  100.     }
  101. };
  102.  
  103. /**
  104.  * ----------------------------------
  105.  * Util
  106.  * ----------------------------------
  107.  * Various utility functions
  108.  */
  109. Util = {
  110.     /**
  111.      * Returns an array of DOM elements that match a given XPath expression.
  112.      *
  113.      * @param path string - Xpath expression to search for
  114.      * @param from DOM Element - DOM element to search under. If not specified, document is used
  115.      * @return Array - Array of selected nodes (if any)
  116.      */
  117.     getNodes:function (path, from) {
  118.  
  119.         Logger.debug("getNodes of path: " + path);
  120.  
  121.         from = from || document;
  122.  
  123.         var item, ret = [];
  124.         var iterator = document.evaluate(path, from, null, XPathResult.ANY_TYPE, null);
  125.         while (item = iterator.iterateNext()) {
  126.             ret.push(item);
  127. //            Logger.debug("Item is: "+item);
  128.  
  129.         }
  130.         Logger.debug("Num elements found by getNodes: " + ret.length);
  131.         return ret;
  132.     }
  133.  
  134.     /**
  135.      * Deletes a DOM element
  136.      * @param DOM element - DOM element to remove
  137.      * @return DOM element - the removed element
  138.      */, removeElement:function (element) {
  139.         return element.parentNode.removeChild(element);
  140.     }
  141.  
  142.     /**
  143.      * Binds an event handler function to an object context, so that the handler can be executed as if it
  144.      * was called using "this.<method name>(event)", i.e. it can use "this.foo" inside it.
  145.      *
  146.      * @param function method - a function to execute as an event handler
  147.      * @param Object context - the object that will be used as context for the function, as if the function had been
  148.      *          called as context.method(event);
  149.      * @return function - the function to pass to addEventListener
  150.      */, bindAsEventHandler:function (method, context) {
  151.         var __method = method;
  152.         return function (event) {
  153.             return __method.apply(context, [event]);
  154.         }
  155.     }
  156. };
  157.  
  158. /*
  159.  * Event handler for when user clicks on a row
  160.  */
  161. function filterPosts(evt) {
  162.     // Find the parent <TR> tag.
  163.  
  164.     Logger.debug("filterPosts");
  165.     var t = evt.target;
  166.     Logger.debug("t: " + t);
  167.     while (null == t.getAttribute("id")) {
  168.         Logger.debug("Looking for DIV");
  169.         t = t.parentNode;
  170.     }
  171.  
  172.     var summary_id = t.getAttribute('id');
  173.     Logger.debug("t.id: " + summary_id);
  174.     var summary_row_re = /^summary_id_(\d+)$/;
  175.     var max_cnt = (summary_row_re.exec(summary_id) !== null) ? parseInt(RegExp.$1) : 0;
  176.  
  177.     Logger.debug("Parsed max_cnt: " + max_cnt);
  178.  
  179.  
  180.     // Hide/unhide all posts that don't match the chosen fav count.
  181.     var i = Global.posts.length;
  182.     while (i--) {
  183.         var is_showing = (Global.posts[i].div.style.display !== "none");
  184.         var do_show = (Global.posts[i].num_favs >= max_cnt);
  185.  
  186.         Logger.debug("is_showing: " + is_showing);
  187.         Logger.debug("do_show: " + do_show);
  188.  
  189.         if (do_show != is_showing) {
  190.             Logger.debug("Hiding post: " + i);
  191.  
  192.             Global.posts[i].div.style.display = (do_show ? "" : "none");
  193.             Global.posts[i].div.nextSibling.style.display = (do_show ? "" : "none");
  194.             Global.posts[i].div.nextSibling.nextSibling.style.display = (do_show ? "" : "none");
  195.         }
  196.     }
  197.  
  198.     // Reset the color of the previous row to be clicked on.
  199.     if (Global.last_tr !== null) {
  200.         Logger.debug("Resetting the background color.");
  201.  
  202.         removeClass(Global.last_tr, "wrapperSelected");
  203.  
  204.     }
  205.     // Set the color of the row we just clicked on
  206.     addClass(t, "wrapperSelected");
  207.     Global.last_tr = t;
  208. }
  209.  
  210. function addClass(obj, className) {
  211.     if (null != obj && undefined != obj) {
  212.         var prevClass = obj.className;
  213.  
  214.         if (null != prevClass && undefined != prevClass) {
  215.             if (!prevClass.match(new RegExp(className))) {
  216.                 obj.className = obj.className + " " + className;
  217.             }
  218.         }
  219.     }
  220. }
  221.  
  222. function removeClass(obj, className) {
  223.     if (null != obj && undefined != obj) {
  224.         var prevClass = obj.className;
  225.  
  226.         if (null != prevClass && undefined != prevClass) {
  227.             var regExp = new RegExp(className);
  228.             if (prevClass.match(regExp)) {
  229.                 obj.className = obj.className.replace(regExp, '');
  230.             }
  231.         }
  232.     }
  233.  
  234. }
  235.  
  236. // ---------------------------
  237.  
  238. //Finds y value of given object
  239. function findPos(obj) {
  240.     var current_top = 0;
  241.     if (obj.offsetParent) {
  242.         do {
  243.             current_top += obj.offsetTop;
  244.         } while (obj = obj.offsetParent);
  245.     }
  246.     return current_top;
  247. }
  248. function simulateClickShow(id) {
  249.  
  250. // jquery isn't working here
  251. //            $('#filter0').trigger('click');
  252.  
  253. // use non-jquery method to simulate the click of the count row specified
  254.     var evt = document.createEvent("MouseEvents");
  255.     evt.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
  256.     var show_all_link = document.getElementById(id);
  257.     show_all_link.dispatchEvent(evt);
  258.  
  259. }
  260.  
  261. function getElementsByClassName(node, classname) {
  262.     if (node.getElementsByClassName) { // use native implementation if available
  263.         Logger.debug("Using native implementation of getElementsByClassName.");
  264.         return node.getElementsByClassName(classname);
  265.     } else {
  266.         return (function getElementsByClass(searchClass, node) {
  267.             node = node || document;
  268.             var classElements = [], els = document.getElementsByTagName("*"), elsLen = els.length, pattern = new RegExp("(^|\\s)" + searchClass + "(\\s|$)"), i, j;
  269.             Logger.debug("Total elements: " + els.length);
  270.             Logger.debug("Looking for" + searchClass);
  271.  
  272.             for (i = 0, j = 0; i < elsLen; i++) {
  273.  
  274.                 var elsClassName = els[i].className;
  275.                 if ("" != elsClassName) {
  276. //                    Logger.debug("Class of element: " + elsClassName);
  277.                 }
  278.                 if (pattern.test(elsClassName)) {
  279.                     classElements[j] = els[i];
  280.                     j++;
  281.                 }
  282.             }
  283.             return classElements;
  284.         })(classname, node);
  285.     }
  286. }
  287.  
  288.  
  289. // a function that loads jQuery and calls a callback function when jQuery has finished loading
  290. function addJQuery(callback) {
  291.     var script = document.createElement("script");
  292.     script.setAttribute("src", "http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js");
  293.     script.addEventListener('load', function () {
  294.         var script = document.createElement("script");
  295.         script.textContent = "(" + callback.toString() + ")();";
  296.         document.body.appendChild(script);
  297.     }, false);
  298.     document.body.appendChild(script);
  299. }
  300.  
  301. function captureShowClick(e) {
  302.  
  303.     var click_target = e.target;
  304.     while (click_target.tagName != "SPAN") {
  305.         click_target = click_target.parentNode;
  306.     }
  307.  
  308.     Logger.debug("e.target is: " + click_target);
  309.     Logger.debug("e.target.id is: " + click_target.id);
  310.  
  311.     var recommended_re = /^(\d+)_(\d+)$/;
  312.  
  313.     var id = recommended_re.exec(click_target.id)[1];
  314.     Logger.debug("ID is: " + id);
  315.     var count = recommended_re.exec(click_target.id)[2];
  316.     Logger.debug("Count is: " + count);
  317.  
  318.     var comment_anchor = Util.getNodes('.//a[@name="' + id + '"]')[0];
  319.     var prevPos = findPos(comment_anchor);
  320.     Logger.debug("prevPos: " + prevPos);
  321.     Logger.debug("Previous window.pageYOffset: " + window.pageYOffset);
  322.  
  323.     var diff = prevPos - window.pageYOffset;
  324.  
  325.     simulateClickShow(Global.row_prefix + count);
  326.  
  327.     //Get object
  328.     Logger.debug("Did we find SupportDiv? " + comment_anchor);
  329.  
  330. //Scroll to location of SupportDiv on load
  331.     var newPos = findPos(comment_anchor);
  332.     Logger.debug("newPos: " + newPos);
  333.     Logger.debug("Current window.pageYOffset (before scrolling): " + window.pageYOffset);
  334.  
  335.     window.scroll(0, newPos - diff);
  336.     Logger.debug("Current window.pageYOffset (after scrolling): " + window.pageYOffset);
  337.  
  338. //    simulateClickShow(id);
  339.     return false;
  340. }
  341.  
  342. function getSite() {
  343.  
  344.     // Which subsite are we on?
  345.     var title = document.title;
  346.     Logger.debug("document.title: >" + title + "<");
  347.  
  348.     for (var propertyName in SiteEnum) {
  349.         // propertyName is what you want
  350.         if (SiteEnum[propertyName].titleRE.test(title)) {
  351.             return SiteEnum[propertyName];
  352.         }
  353.     }
  354.     return null;
  355.  
  356. }
  357.  
  358. //check if the previous sibling node is an element node
  359. function getPreviousElement(n) {
  360.     var x = n.previousSibling;
  361.     while (null != x && x.nodeType != 1) {
  362.         x = x.previousSibling;
  363.         Logger.debug("Previous sibling?: " + typeof x);
  364.         Logger.debug("Previous sibling: " + x);
  365.     }
  366.     return x;
  367. }
  368. function init() {
  369.     Logger.info("Loading MetaFilterFilterByFavorites...");
  370.  
  371.     // if we can't find comments, it's probably this is being called for a page we haven't excluded
  372.     if (undefined == document.getElementById("posts")) {
  373.         Logger.info("MetaFilterFilterByFavorites can not find top node. Exiting.");
  374.         return;
  375.     }
  376.  
  377.     Logger.debug("MetaFilterFilterByFavorites found top node. Continuing...");
  378.  
  379.     var site = getSite();
  380.  
  381.     if (null == site) {
  382.         Logger.error("MetaFilterFilterByFavorites can not determine site. Exiting...");
  383.         return;
  384.     }
  385.  
  386.     Logger.debug("site: " + site.name);
  387.  
  388.     // Prepare array for storing counts of how many posts have been favorited this many times.
  389.     var counts = [];
  390.     for (var j = 0; j <= Global.max_count; j++) {
  391.         counts[j] = 0;
  392.     }
  393.  
  394.     // some useful regexes for parsing ids and such
  395.     var numeric_re = /^(\d+)$/, favorites_re = /^(\d+)\sfavorite[s]?$/;
  396.  
  397.     // Get all comments and compile them into arrays
  398.     var commentDivs = Util.getNodes('.//div[@id="posts"]//div[contains(concat(" ", normalize-space(@class), " "), " comments ")]');
  399.  
  400.     Logger.debug("Num comments found: " + commentDivs.length);
  401.  
  402.     // if there are no comments, don't show table
  403.     if (0 == commentDivs.length) {
  404.         Logger.info("MetaFilterFilterByFavorites can not find comments. Exiting.");
  405.         return;
  406.     }
  407.  
  408.     for (var i = 0; i < commentDivs.length; i++) {
  409.         Logger.debug("MetaFilterFilterByFavorites found comment div. Continuing...");
  410.  
  411.         var comment_div = commentDivs[i];
  412.         Logger.debug("Found comment_div: " + comment_div.textContent);
  413.  
  414.         var sibling_a = getPreviousElement(comment_div);
  415.  
  416.         // if the comment doesn't have a previous sibling, we're not interested
  417.         if (null == sibling_a) {
  418.             continue;
  419.         }
  420.  
  421.         Logger.debug("sibling_a: " + typeof sibling_a);
  422.         Logger.debug("sibling_a.name: " + sibling_a.name);
  423.  
  424.         var comment_div_id = sibling_a.name;
  425. //        Logger.debug("Id is: " + comment_div_id);
  426.         Logger.debug("comment_div_id: " + comment_div_id);
  427.  
  428.         if (comment_div_id !== undefined && numeric_re.test(comment_div_id)) {
  429.             Logger.debug("Found a valid id: " + comment_div_id);
  430.  
  431.  
  432.             var fav_count_a = Util.getNodes('.//span[@id="favcnt' + site.fav_prefix + comment_div_id + '"]/a')[0];
  433.             Logger.debug("fav_count_a: " + fav_count_a);
  434.             Logger.debug("typeof fav_count_a: " + typeof fav_count_a);
  435.  
  436.             var recommended_text = undefined !== fav_count_a ? fav_count_a.textContent : "0 favorites";
  437.  
  438.             var favorite_count = (favorites_re.exec(recommended_text) !== null) ? Math.min(parseInt(RegExp.$1), Global.max_count) : 0;
  439.             Logger.debug("favorite_count: " + favorite_count);
  440.             counts[favorite_count]++;
  441.             Logger.debug("Done pushing recommended_count: " + favorite_count);
  442.  
  443.             // we only highlight if there's a fav count over the minimum
  444.             if (favorite_count > Global.min_count) {
  445.                 Logger.debug("recommended_count > " + Global.min_count + ":  " + favorite_count);
  446.  
  447.                 var recommendedWidthSize = (Math.round(favorite_count / 2) + 1);
  448.                 comment_div.style.borderLeft = '' + recommendedWidthSize + 'px solid ' + Global.favorite_color;
  449.                 comment_div.style.borderTop = '0px';
  450.                 comment_div.style.borderBottom = '0px';
  451.                 comment_div.style.paddingLeft = '5px';
  452.             }
  453.  
  454.  
  455.             Global.max_favorites = Math.max(favorite_count, Global.max_favorites);
  456.  
  457.             Logger.debug("Calculating max_favorites:" + Global.max_favorites);
  458.  
  459.             Global.posts.push({
  460.                 div:comment_div, num_favs:favorite_count
  461.             });
  462.             Logger.debug("Calculated max_favorites:" + favorite_count);
  463.  
  464.             var id_text = comment_div_id + "_" + favorite_count;
  465.             Logger.debug("id_text" + id_text);
  466.             var all_id_text = comment_div_id + "_0";
  467.             var show_all_span = document.createElement('span');
  468.             show_all_span.className = "click_count";
  469.             show_all_span.id = all_id_text;
  470.  
  471.             var show_count_span = document.createElement('span');
  472.             show_count_span.className = "click_count";
  473.             show_count_span.id = id_text;
  474.             show_all_span.innerHTML = "&nbsp;<a>Show: all</a>";
  475.             show_count_span.innerHTML = "&nbsp;<a> / " + favorite_count + " and above</a>";
  476.  
  477.             var show_more_span = document.createElement('span');
  478.             show_more_span.innerHTML = "&nbsp;<a href='#posts'> / More options</a>";
  479.  
  480.             var flag_div = Util.getNodes('.//span[@id="flag' + site.fav_prefix + comment_div_id + '"]', comment_div)[0];
  481.             Logger.debug("Inserting show all");
  482.             flag_div.parentNode.insertBefore(show_all_span, flag_div);
  483.  
  484.             if (favorite_count > Global.min_count) {
  485.                 Logger.debug("Inserting show count");
  486.                 flag_div.parentNode.insertBefore(show_count_span, flag_div);
  487.             }
  488.  
  489.             Logger.debug("Inserting show more options");
  490.             flag_div.parentNode.insertBefore(show_more_span, flag_div);
  491.  
  492.         }
  493.     }
  494.     Logger.debug("Done looping through comments!");
  495.  
  496.     GM_addStyle('#posts { margin-bottom: 1em; }');
  497.  
  498.     GM_addStyle('.chart {'
  499.         + 'background-color: ' + Global.table_bg_color + ';'
  500.         + 'font: 14px sans-serif;'
  501.         + 'margin: 0px 4px;'
  502.         + 'color: black;'
  503.         + 'border:1px solid white;'
  504.         + 'border-collapse:collapse;'
  505.         + '}');
  506.  
  507.  
  508.     GM_addStyle('.comms {'
  509.         + 'margin-left: 1em;'
  510.         + 'float: left;'
  511.         + 'width: 5%;'
  512.         + '}');
  513.  
  514.     GM_addStyle('.favs {'
  515.         + 'float: left;'
  516.         + 'background-color: ' + Global.favorite_color + ';'
  517.         + 'margin-right: 4px;'
  518.         + 'text-align: center;'
  519.         + '}');
  520.  
  521.     GM_addStyle('.wrapper {'
  522.         + 'display: block;'
  523.         + 'padding: 3px 0px;'
  524.         + '}');
  525.  
  526.     GM_addStyle('.wrapperSelected {'
  527.         + 'background-color: ' + Global.selected_color + ';'
  528.         + '}');
  529.  
  530.     GM_addStyle('.wrapper:hover {'
  531.         + 'background-color: ' + Global.hover_color + ';'
  532.         + '}');
  533.  
  534.     GM_addStyle('.clearfix:after {'
  535.         + 'content: ".";'
  536.         + 'display: block;'
  537.         + 'height: 0;'
  538.         + 'clear: both;'
  539.         + 'visibility: hidden;'
  540.         + '}');
  541.  
  542.     Logger.debug("Done adding style.");
  543.  
  544.     initTable(counts);
  545.     document.addEventListener('keydown', function (e) {
  546.         // pressed alt+g
  547.         if (e.keyCode == 71 && !e.shiftKey && !e.ctrlKey && e.altKey && !e.metaKey) {
  548.             simulateClickShow(Global.row_prefix + 0);
  549.         }
  550.     }, false);
  551.  
  552.     var allClickClasses = getElementsByClassName(document, "click_count");
  553.     Logger.debug("allClickClasses count: " + allClickClasses.length);
  554.  
  555.     for (var k = 0; k < allClickClasses.length; k++) {
  556.         var n = allClickClasses[k];
  557.         Logger.debug("n is: " + n);
  558.         Logger.debug("n.target is: " + n.target);
  559.         n.addEventListener('click', captureShowClick, false);
  560.     }
  561.  
  562.     Logger.info("Loading MetaFilterFilterByFavorites is complete.");
  563. }
  564.  
  565. /**
  566.  * Generates the table at the top of the page
  567.  * @param counts - Array of post counts, from 0 to Global.max_total. [fav_count => # of posts]
  568.  * @return void
  569.  */
  570. function initTable(counts) {
  571.     Logger.debug("Total counts: " + counts);
  572.  
  573.     var dummyDiv = document.createElement('div');
  574.     var data_rows_html = '<div class="chart" style="width: 70%;">';
  575.     var m = Global.max_count + 1, cum_comment_total = 0;
  576.     // Generate the table rows
  577.     while (m-- >= 0) {
  578.  
  579.         // we only show differences where the comment count has increased, or the very last row, showing all
  580.         if (counts[m] > 0 || m == 0) {
  581.             cum_comment_total += counts[m];
  582.  
  583.             var recommendedWidthSize = (Math.round((m / Global.max_favorites) * 90));
  584.  
  585.             data_rows_html += '<div id="' + Global.row_prefix + m + '" class="wrapper clearfix"><div class="comms">' + cum_comment_total + '</div>'
  586.                 + '<div class="favs" style="width: ' + recommendedWidthSize + '%;">(' + ((m == 0) ? "All" : m) + ')</div>'
  587.                 + '</div>';
  588.  
  589.         }
  590.     }
  591.  
  592.     // Insert table into page
  593.  
  594.     Logger.debug("data_rows_html: " + data_rows_html);
  595.     dummyDiv.innerHTML = '<div>'
  596.         + '<div id="MultiFavoritesOptions" class="clearfix" style="white-space:nowrap; padding: 3px 0;">Show me this many comments (with at least this many favorites)</div>'
  597.         + data_rows_html
  598.         + '</div>';
  599.     var page_div = document.getElementById("posts");
  600.     page_div.insertBefore(dummyDiv.firstChild, page_div.firstChild);
  601.  
  602.     // Add the event listeners.
  603.     var rows = Util.getNodes('.//div[@class="wrapper clearfix"]');
  604.     var n = rows.length;
  605.     Logger.debug("Found rows: " + n);
  606.  
  607.     while (n--) {
  608.         Logger.debug("addEventListener");
  609.         rows[n].addEventListener('click', filterPosts, false);
  610.     }
  611. }
  612.  
  613. init();