☰

Reddit Deep Thread Expander

Expand "Continue this thread" links inline

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

  1. ​​// ==UserScript==
  2. // @name           Reddit Deep Thread Expander
  3. // @description    Expand "Continue this thread" links inline
  4. // @author         James Skinner <spiralx@gmail.com> https://github.com/spiralx
  5. // @license        BSD
  6. // @namespace      http://spiralx.org/
  7. // @version        0.0.2
  8. // @match          http://*.reddit.com/r/*/comments/*
  9. // @grant          GM_getResourceURL
  10. // @grant          GM_addStyle
  11. // @resource       spinner data:image/gif;base64,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
  12. // @resource       expand data:image/gif;base64,R0lGODlhCwALAPcAABcXF6WlpaenqRkZGaamqKenpxgYGP7+/qampv///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAALAAsAAAhIABEEEFhAIIICBREkWMgwwYEECBQ6ZPgQokSHABY+jEjRQMMCAhYaMACA5EIEBBpmZIggJEOPLFM6fEjzAMqGFU8SiMizZ4GAADs=
  13. // ==/UserScript==
  14.  
  15.  
  16. var spinnerUrl = GM_getResourceURL('spinner'),
  17.     expandUrl = GM_getResourceURL('expand');
  18.     
  19. GM_addStyle('.side-closed .side { width: 10px } ' +
  20.     '.side-closed .panestack-title, .side-closed .commentarea .menuarea { margin-right: 20px !important; }');
  21.  
  22. var func = function(spinnerUrl, expandUrl) {
  23.  
  24.   //var $side = $('.side');
  25.  
  26.   jQuery('span.deepthread > a').each(function() {
  27.     var $a = jQuery(this),
  28.         $span = $a.parent(),
  29.         href = $a.prop('href');
  30.     
  31.     //console.log(href);
  32.     
  33.     jQuery('<img src="' + expandUrl + '">')
  34.       .css({
  35.         display: 'inline-block',
  36.         position: 'relative',
  37.         top: '1px',
  38.         marginRight: '4px',
  39.         visibility: 'visible'
  40.       })
  41.       .prependTo($span);
  42.     
  43.     $a
  44.       .css('font-size', '1.1em')
  45.       .one('click', function() {
  46.         $span
  47.           .removeClass('deepthread')
  48.           .html('<img src="' + spinnerUrl + '">');
  49.         
  50.         jQuery.get(href, function(data) {
  51.           var $page = jQuery(data),
  52.               $child = jQuery('.nestedlisting > .comment > .child', $page);
  53.           
  54.           $span
  55.             .parentsUntil('.comment')
  56.             .last()
  57.             .replaceWith($child);
  58.             
  59.           //$('body').addClass('side-closed');
  60.           $('.side').hide();
  61.         });
  62.         
  63.         return false;
  64.       });
  65.   });
  66. }
  67.  
  68.  
  69. var se = document.createElement('script');
  70. se.textContent = '(' + func + ')("' + spinnerUrl + '", "' + expandUrl + '")';
  71. document.body.appendChild(se);
  72. document.body.removeChild(se);