☰

Reddit link expander

Changes continue this thread links so that they load inline

目前為 2015-01-22 提交的版本，檢視 最新版本。

  1. // ==UserScript==
  2. // @name           Reddit link expander
  3. // @description    Changes continue this thread links so that they load inline
  4. // @author         James Skinner <spiralx@gmail.com> (http://github.com/spiralx)
  5. // @namespace      http://spiralx.org/
  6. // @match          *://*.reddit.com/r/*/comments/*
  7. // @version        0.1.0
  8. // @grant          GM_getResourceURL
  9. // @run-at         document-start
  10. // @resource       spinner http://cdn.www.easportsworld.com/static/20130920.102812/images/prod/clubs/sw/common/spinner.gif
  11. // @resource       expand http://www.iba-berlin.com/design/iba_berlin/javascript/partner_ajax/images/icon_expand.gif
  12. // @require        https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.js
  13. // @require        https://greasyfork.org/scripts/7602-mutation-observer/code/mutation-observer.js
  14. // ==/UserScript==
  15.  
  16. var spinnerUrl = GM_getResourceURL('spinner'),
  17.     expandUrl = GM_getResourceURL('expand');
  18.  
  19.  
  20. var observer = new MutationSummary({
  21.   callback: function(summaries) {
  22.     //console.info('Added %d spans', summaries[0].added.length);
  23.     
  24.     summaries[0].added.forEach(function(elem) {
  25.       var $span = jQuery(elem),
  26.         $a = $span.children('a'),
  27.         href = $a.prop('href');
  28.         
  29.       //console.log(href);
  30.  
  31.       jQuery('<img src="' + expandUrl + '">')
  32.         .css({
  33.           display: 'inline-block',
  34.           position: 'relative',
  35.           top: '1px',
  36.           marginRight: '4px',
  37.           visibility: 'visible'
  38.         })
  39.         .prependTo($a);
  40.  
  41.       $a
  42.         .css('font-size', '1.1em')
  43.         .one('click', function() {
  44.           $span
  45.             .removeClass('deepthread')
  46.             .html('<img src="' + spinnerUrl + '">');
  47.           
  48.           jQuery.get(href, function(data) {
  49.             var $page = jQuery(data),
  50.                 $child = jQuery('.nestedlisting > .comment > .child', $page);
  51.             
  52.             $span
  53.               .parentsUntil('.comment')
  54.               .last()
  55.               .replaceWith($child);
  56.           });
  57.           
  58.           return false;
  59.         });
  60.     });
  61.   },
  62.   rootNode: document.body,
  63.   queries: [
  64.     { element: 'span.deepthread' }
  65.   ]
  66. });