☰

Side-Reddit

Handy Dandy Toggle for the Side Bar

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

  1. // ==UserScript==
  2. // @name        Side-Reddit
  3. // @version    1.27
  4. // @description Handy Dandy Toggle for the Side Bar
  5. // @include        http://*.reddit.com/*
  6. // @include        http://reddit.com/*
  7. // @require     http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js
  8. // @require     http://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.0/jquery.cookie.min.js
  9. // @grant       GM_addStyle
  10. // @namespace https://greasyfork.org/users/59
  11. // ==/UserScript==
  12.  
  13. $(document).ready(function () {
  14.   
  15. var showCheck1 = 0;
  16. var pTop = $('.content').css("padding-top");
  17. var cmRight = $('.content').css("margin-right");
  18. var careaRight = $('.commentarea').css("margin-right");
  19. var cMargin = $('.content').css("margin");
  20. var mTop = $('.content').css("margin-top");
  21. var smRight = $('#siteTable').css("margin-right");
  22. var spRight = $('#siteTable').css("padding-right");
  23. var tmRight = $('.thing').css("margin-right");
  24. var zNode1       = document.createElement ('div');
  25. var foo = document.getElementById(".expando-button")    
  26. var lastScrollTop = 0;
  27.     
  28.     $(window).scroll(function(event){
  29.    var st = $(this).scrollTop();
  30.    if (st > lastScrollTop){
  31.        $('#myContainer1').css("top", "0");
  32.    } else if (st == 0) {
  33.       $('#myContainer1').css("top", "80px");
  34.        lastScrollTop = st;
  35.    }
  36. });
  37.  
  38. zNode1.innerHTML = '<button id="myButton1" type="button">'
  39.                 + '‡</button>';
  40.  
  41. zNode1.setAttribute ('id', 'myContainer1');
  42. document.getElementById('header-bottom-left').appendChild(zNode1);
  43.     
  44.     $(function () {
  45.     $(".md").css("max-width", "100%");
  46.       $(".commentarea").css("margin-right", "0px");
  47.     });
  48.         
  49.     $("div.expando-button").click(function(){
  50.         $(".md").css("max-width", "100%");
  51.       $(".commentarea").css("margin-right", "0px"); 
  52.     });
  53.  
  54.  
  55. //--- Activate the newly added button.
  56. document.getElementById ("myButton1").addEventListener (
  57.     "click", ButtonClickAction, false
  58. );      
  59.     
  60. function ButtonClickAction (zEvent) {
  61.     
  62. if(showCheck1 == 1) {
  63. 	   $('.side').show();
  64.        $("#siteTable").each(function () {
  65.          this.style.setProperty("margin-right", "", "important");
  66.          this.style.setProperty("margin-right", "", "important");
  67. });
  68.        $("#siteTable").each(function () {
  69.          this.style.setProperty("margin-right", smRight);
  70.            this.style.setProperty("margin-right", spRight);
  71. });
  72.        $(".thing").each(function () {
  73.          this.style.setProperty("margin-right", "", "important");
  74. });
  75.        $(".thing").each(function () {
  76.          this.style.setProperty("margin-right", "");
  77. });
  78.        $(".content").each(function () {
  79.          this.style.setProperty("padding-top", "", "important");
  80.          this.style.setProperty("margin-right", "", "important");
  81.          this.style.setProperty("margin-top", "");
  82. });
  83.        $("#myButton1").fadeTo("fast", 1).delay(300).css({"color":"red"});
  84.        showCheck1 = 0; 
  85.        $.cookie("check", 1, { expires: 7, path: "/" });
  86.        $(".md").css("max-width", "");
  87.       $(".commentarea").css("margin-right", careaRight);
  88.     
  89.     if($(".expando").css("display") == "block") {
  90.         $(".md").css("max-width", "");
  91.         $(".commentarea").css("margin-right", careaRight);
  92.     }
  93.     else{
  94.     }
  95. }
  96. else if(showCheck1 == 0) {
  97.    
  98.        $('.side').hide();
  99.        $("#siteTable").each(function () {
  100.          this.style.setProperty("margin-right", "auto", "important");
  101.            this.style.setProperty("padding-right", "5px", "important");
  102. });
  103.        $(".thing").each(function () {
  104.          this.style.setProperty("margin-right", "auto", "important");
  105. });
  106.        $(".content").each(function () {
  107.          this.style.setProperty("padding-top", "1px", "important");
  108.          this.style.setProperty("margin-right", "auto", "important");
  109.          this.style.setProperty("margin-top", "auto", "important");
  110. });
  111.        $("#myButton1").fadeTo("fast", 0.5).delay(300).css({"color":"blue"});
  112.        showCheck1 = 1;  
  113.        $.cookie("check", 2, { expires: 7, path: "/" });
  114.        $(".md").css("max-width", "100%");
  115.       $(".commentarea").css("margin-right", "0px");
  116.     if($(".expando").css("display") == "block") {
  117.         $(".md").css("max-width", "100%");
  118.       $(".commentarea").css("margin-right", "0px");
  119.     }
  120.     else{
  121.     }
  122. }
  123. else {
  124.     
  125. }
  126.        
  127. }
  128.     
  129. if($.cookie("check") == 1) {
  130. 	   $('.side').show();
  131.        $("#siteTable").each(function () {
  132.          this.style.setProperty("margin-right", "", "important");
  133.          this.style.setProperty("margin-right", "", "important");
  134. });
  135.        $("#siteTable").each(function () {
  136.          this.style.setProperty("margin-right", smRight);
  137.            this.style.setProperty("margin-right", spRight);
  138. });
  139.        $(".thing").each(function () {
  140.          this.style.setProperty("margin-right", "", "important");
  141. });
  142.        $(".thing").each(function () {
  143.          this.style.setProperty("margin-right", "");
  144. });
  145.        $(".content").each(function () {
  146.          this.style.setProperty("padding-top", "", "important");
  147.          this.style.setProperty("margin-right", "", "important");
  148.          this.style.setProperty("margin-top", "");
  149. });
  150.        $("#myButton1").fadeTo("fast", 1).delay(300).css({"color":"red"});
  151.        showCheck1 = 0; 
  152.        $(".md").css("max-width", "");
  153.        $(".commentarea").css("margin-right", careaRight);
  154.     if($(".expando").css("display") == "block") {
  155.         $(".md").css("max-width", "");
  156.         $(".commentarea").css("margin-right", careaRight);
  157.     }
  158.     else{
  159.     }
  160.       
  161. }
  162. else if($.cookie("check") == 2) {
  163.        $('.side').hide();
  164.        $("#siteTable").each(function () {
  165.          this.style.setProperty("margin-right", "auto", "important");
  166.            this.style.setProperty("padding-right", "5px", "important");
  167. });
  168.        $(".thing").each(function () {
  169.          this.style.setProperty("margin-right", "auto", "important");
  170. });
  171.        $(".content").each(function () {
  172.          this.style.setProperty("padding-top", "1px", "important");
  173.          this.style.setProperty("margin-right", "auto", "important");
  174.          this.style.setProperty("margin-top", "auto", "important");
  175. });
  176.        $("#myButton1").fadeTo("fast", 0.5).delay(300).css({"color":"blue"});
  177.        showCheck1 = 1;
  178.        $(".md").css("max-width", "100%");
  179.        $(".commentarea").css("margin-right", "0px");
  180.     if($(".expando").css("display") == "block") {
  181.         $(".md").css("max-width", "100%");
  182.       $(".commentarea").css("margin-right", "0px");
  183.     }
  184. }
  185. else {
  186.     
  187. }
  188.   
  189. //--- Style our newly added elements using CSS.
  190. GM_addStyle ( multilineStr ( function () {/*!
  191.     #myContainer1 {
  192.         position:               fixed;
  193.         top:                    80px;
  194.         left:	 				0;
  195.         font-size:              1px;
  196.         border:                 0px inset black;
  197.         margin:                 0px;
  198.         opacity:                10.0;
  199.         z-index:                99999;
  200.         padding:                0px 0px;
  201.     }
  202.     #myButton1 {
  203.         cursor:                 pointer;
  204.        	background: 			solid;
  205.         background-color:		#cee3f8;
  206.     	border: 				none !important;
  207.         opacity:				8;
  208.         color:					red;
  209.         font-weight:			bold;
  210.     }
  211.     #myContainer1 p {
  212.         color:                  purple;
  213.         background:             white;
  214.     }
  215. */} ) );
  216.  
  217. function multilineStr (dummyFunc) {
  218.     var str = dummyFunc.toString ();
  219.     str     = str.replace (/^[^\/]+\/\*!?/, '') // Strip function () { /*!
  220.             .replace (/\s*\*\/\s*\}\s*$/, '')   // Strip */ }
  221.             .replace (/\/\/.+$/gm, '') // Double-slash comments wreck CSS. Strip them.
  222.             ;
  223.     return str;
  224. }
  225.     
  226.   //
  227. });