☰

Side-Reddit

Simple side-bar toggle for Reddit

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

  1. // ==UserScript==
  2. // @name        Side-Reddit
  3. // @version    1.29
  4. // @description Simple side-bar toggle for Reddit
  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 percent;
  27. var lastScrollTop = 0;
  28.     
  29.     $(window).scroll(function(event){
  30.    var st = $(this).scrollTop();
  31.    if (st > lastScrollTop){
  32.        $('#myContainer1').css("top", "0");
  33.    } else if (st == 0) {
  34.       $('#myContainer1').css("top", "");
  35.        lastScrollTop = st;
  36.    }
  37. });
  38.  
  39. zNode1.innerHTML = '<button id="myButton1" type="button">'
  40.                 + '‡</button>';
  41.  
  42. zNode1.setAttribute ('id', 'myContainer1');
  43. document.getElementById('header-bottom-left').appendChild(zNode1);
  44.     
  45.     $(function () {
  46.     $(".md").css("max-width", "100%");
  47.       $(".commentarea").css("margin-right", "0px");
  48.     });
  49.         
  50.     $("div.expando-button").click(function(){
  51.         $(".md").css("max-width", "100%");
  52.       $(".commentarea").css("margin-right", "0px"); 
  53.     });
  54.  
  55.  
  56. //--- Activate the newly added button.
  57. document.getElementById ("myButton1").addEventListener (
  58.     "click", ButtonClickAction, false
  59. );      
  60.     
  61. function ButtonClickAction (zEvent) {
  62.     
  63. if(showCheck1 == 1) {
  64. 	   $('.side').show(100, "swing");
  65.        $("#siteTable").each(function () {
  66.          this.style.setProperty("margin-right", "", "important");
  67.          this.style.setProperty("margin-right", "", "important");
  68. });
  69.        $("#siteTable").each(function () {
  70.          this.style.setProperty("margin-right", smRight);
  71.            this.style.setProperty("margin-right", spRight);
  72. });
  73.        $(".thing").each(function () {
  74.          this.style.setProperty("margin-right", "", "important");
  75.            this.style.setProperty("width", "");
  76. });
  77.        $(".thing").each(function () {
  78.          this.style.setProperty("margin-right", "");
  79. });
  80.        $(".content").each(function () {
  81.          //this.style.setProperty("padding-top", "", "important");
  82.          this.style.setProperty("margin-right", "", "important");
  83.          this.style.setProperty("margin-top", "");
  84.          this.style.setProperty("border-right", "");  
  85. });
  86.        $("#myButton1").fadeTo("fast", 1).delay(300).css({"color":"red"});
  87.        showCheck1 = 0; 
  88.        $.cookie("check", 1, { expires: 7, path: "/" });
  89.        $(".md").css("max-width", "");
  90.       $(".commentarea").css("margin-right", careaRight);
  91.     
  92.     if($(".expando").css("display") == "block") {
  93.         $(".md").css("max-width", "");
  94.         $(".commentarea").css("margin-right", careaRight);
  95.     }
  96.     else{
  97.     }
  98. }
  99. else if(showCheck1 == 0) {
  100.    
  101.        $('.side').hide(100, "swing");
  102.        $("#siteTable").each(function () {
  103.          this.style.setProperty("margin-right", "auto", "important");
  104.            this.style.setProperty("padding-right", "5px", "important");
  105. });
  106.     // alert($(".link").css("width"));
  107.     percent = $(".link").width() / $(window).width() * 100;
  108.     // alert(percent);
  109.     if(percent > 97 || percent == 0){
  110.        }
  111.     else {
  112.        $(".thing").each(function () {
  113.            this.style.setProperty("width", "99%");
  114. });
  115.        }
  116.     if($(".content").css("border-right") == 0){
  117.        }
  118.     else {
  119.        $(".content").each(function () {
  120.            this.style.setProperty("border-right", "0");
  121. });
  122.     }
  123.        $(".thing").each(function () {
  124.          this.style.setProperty("margin-right", "auto", "important");
  125. });
  126.        $(".content").each(function () {
  127.          //this.style.setProperty("padding-top", "1px", "important");
  128.          this.style.setProperty("margin-right", "5px", "important");
  129.          this.style.setProperty("margin-top", "7px", "important");
  130. });
  131.        $("#myButton1").fadeTo("fast", 0.5).delay(300).css({"color":"blue"});
  132.        showCheck1 = 1;  
  133.        $.cookie("check", 2, { expires: 7, path: "/" });
  134.        $(".md").css("max-width", "100%");
  135.       $(".commentarea").css("margin-right", "0px");
  136.     if($(".expando").css("display") == "block") {
  137.         $(".md").css("max-width", "100%");
  138.       $(".commentarea").css("margin-right", "0px");
  139.     }
  140.     else{
  141.     }
  142. }
  143. else {
  144.     console.log("Error with Side-Reddit");
  145. }
  146.        
  147. }
  148.     
  149. if($.cookie("check") == 1) {
  150. 	   $('.side').show(100, "swing");
  151.        $("#siteTable").each(function () {
  152.          this.style.setProperty("margin-right", "", "important");
  153.          this.style.setProperty("margin-right", "", "important");
  154. });
  155.        $("#siteTable").each(function () {
  156.          this.style.setProperty("margin-right", smRight);
  157.            this.style.setProperty("margin-right", spRight);
  158. });
  159.        $(".thing").each(function () {
  160.          this.style.setProperty("margin-right", "", "important");
  161.            this.style.setProperty("width", "");
  162. });
  163.        $(".thing").each(function () {
  164.          this.style.setProperty("margin-right", "");
  165. });
  166.        $(".content").each(function () {
  167.          //this.style.setProperty("padding-top", "", "important");
  168.          this.style.setProperty("margin-right", "", "important");
  169.          this.style.setProperty("margin-top", "");
  170.          this.style.setProperty("border-right", "");
  171. });
  172.        $("#myButton1").fadeTo("fast", 1).delay(300).css({"color":"red"});
  173.        showCheck1 = 0; 
  174.        $(".md").css("max-width", "");
  175.        $(".commentarea").css("margin-right", careaRight);
  176.     if($(".expando").css("display") == "block") {
  177.         $(".md").css("max-width", "");
  178.         $(".commentarea").css("margin-right", careaRight);
  179.     }
  180.     else{
  181.     }
  182.       
  183. }
  184. else if($.cookie("check") == 2) {
  185.        $('.side').hide(100, "swing");
  186.        $("#siteTable").each(function () {
  187.          this.style.setProperty("margin-right", "auto", "important");
  188.            this.style.setProperty("padding-right", "5px", "important");
  189. });
  190.     percent = $(".link").width() / $(window).width() * 100;
  191.     // alert(percent);
  192.     if(percent > 97 || percent == 0){
  193.        }
  194.     else {
  195.        $(".thing").each(function () {
  196.            this.style.setProperty("width", "99%");
  197. });
  198.        }
  199.     
  200.     if($(".content").css("border-right") == 0){
  201.        }
  202.     else {
  203.        $(".content").each(function () {
  204.            this.style.setProperty("border-right", "0");
  205. });
  206.     }
  207.        $(".thing").each(function () {
  208.          this.style.setProperty("margin-right", "auto", "important");
  209.          // this.style.setProperty("width", "100%");
  210. });
  211.        $(".content").each(function () {
  212.          //this.style.setProperty("padding-top", "1px", "important");
  213.          this.style.setProperty("margin-right", "5px", "important");
  214.          this.style.setProperty("margin-top", "7px", "important");
  215. });
  216.        $("#myButton1").fadeTo("fast", 0.5).delay(300).css({"color":"blue"});
  217.        showCheck1 = 1;
  218.        $(".md").css("max-width", "100%");
  219.        $(".commentarea").css("margin-right", "0px");
  220.     if($(".expando").css("display") == "block") {
  221.         $(".md").css("max-width", "100%");
  222.       $(".commentarea").css("margin-right", "0px");
  223.     }
  224. }
  225. else {
  226.     console.log("Error with Side-Reddit");
  227. }
  228.   
  229. //--- Style our newly added elements using CSS.
  230. GM_addStyle ( multilineStr ( function () {/*!
  231.     #myContainer1 {
  232.         position:               fixed;
  233.         left:	 				0;
  234.         font-size:              1px;
  235.         border:                 0px inset black;
  236.         margin:                 0px;
  237.         opacity:                10.0;
  238.         z-index:                99999;
  239.         padding:                0px 0px;
  240.     }
  241.     #myButton1 {
  242.         cursor:                 pointer;
  243.        	background: 			solid;
  244.         background-color:		#cee3f8;
  245.     	border: 				none !important;
  246.         opacity:				8;
  247.         color:					red;
  248.         font-weight:			bold;
  249.     }
  250.     #myContainer1 p {
  251.         color:                  purple;
  252.         background:             white;
  253.     }
  254. */} ) );
  255.  
  256. function multilineStr (dummyFunc) {
  257.     var str = dummyFunc.toString ();
  258.     str     = str.replace (/^[^\/]+\/\*!?/, '') // Strip function () { /*!
  259.             .replace (/\s*\*\/\s*\}\s*$/, '')   // Strip */ }
  260.             .replace (/\/\/.+$/gm, '') // Double-slash comments wreck CSS. Strip them.
  261.             ;
  262.     return str;
  263. }
  264.     
  265.   //
  266. });