☰

jc_Page_Down

Click to Next Scroll Page && Easy to View.

  1. // ==UserScript==
  2. // @name        jc_Page_Down
  3. // @namespace   http://localhost/jc/
  4. // @.require     https://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js
  5. // @.require     http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js
  6. // @require     http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js
  7. // @.require     http://192.168.10.15/files/jquery-1.8.3.min.js
  8. // @.require     http://192.168.10.15/files/jquery-1.11.0.min.js
  9. // @include     http://*/forum.php?mod=viewthread*
  10. // @include     http://*/forum/thread-*
  11. // @include     http://*/*/viewthread.php*
  12. // @include     http://*/*/forum*
  13. // @include     http://weibo.com/*
  14. // @include     http://www.flickr.com/*
  15. // @include     http://www.google.co*/search?*
  16. // @include     https://www.google.co*/search?*
  17. // @include     http://www.upskirtcollection.com/*
  18. // @include     http://www.akiba-online.com/*
  19. // @include     http://*
  20. // @include     https://*
  21. // @exclude     https://*.pchome.com.tw/*
  22. // @exclude     https://*.yahoo.com*
  23. // @exclude     https://*.gohappy.com.tw/*
  24. // @exclude     http://jsfiddle.net/*
  25. // @exclude     http://localhost/*
  26. // @exclude     http://localhost:*
  27. // @exclude     http://*.tumblr.com/*
  28. // @exclude     http://*.com/*mod=rss*
  29. // @exclude     https://www.youtube.com/*
  30. // @exclude     http://msdn.microsoft.com/*
  31. // @exclude     http*://www.blogger.com/blogger.g?blogID*
  32. // @exclude     http://www.google.com/reader/view/*
  33. // @exclude     http://www.google.com.tw/reader/view/*
  34. // @exclude     http://jsbin.com/*
  35. // @exclude     http://*.gov.tw/*
  36. // @exclude     https://*.gov.tw/*
  37. // @exclude     http://*/feed/*
  38. // @exclude     http://*shopping*
  39. // @exclude     http://baike.baidu.com/picture/*
  40. // @exclude     http://www.youtube.com/playlist?*
  41. // @exclude     http://mall.cheerspoint.com.tw/*
  42. // @exclude     http://writecodeonline.com/*
  43. // @exclude     http://case.518.com.tw/*
  44. // @exclude     http://www.104case.com.tw/*
  45. // @exclude     http://yun.baidu.com/*
  46. // @exclude     http://vimeo.com/*
  47. // @exclude     http://*.html5rocks.com/*
  48. // @exclude     http://www.dartlang.*
  49. // @exclude     http://192.168.*
  50. // @exclude     http://127.0.0.1*
  51. // @exclude     https://*.taobao.com/*
  52. // @exclude     http://*.taobao.com/*
  53. // @exclude     http://*.360.cn/*
  54. // @exclude     https://*.360.cn/*
  55. // @exclude     https://*.google.co*/*edit
  56. // @exclude     https://drive.google.co*/*
  57. // @exclude     https://docs.google.com/*
  58. // @exclude     http://open.163.com/*
  59. // @exclude     https://mail.google.com/*
  60. // @exclude     http://jshint.com/
  61. // @exclude     https://jshint.com/
  62. // @exclude     https://codecombat.com/*
  63. // @exclude     http://*.org.tw/*
  64. // @exclude     https://*.org.tw/*
  65. // @exclude     https://www.google.com/*
  66. // @exclude     https://*.google.com/*
  67. // @exclude     https://www.google.com.tw/*
  68. // @exclude     http://*.baidu.com/*
  69. // @exclude     https://*.baidu.com/*
  70. // @exclude     https://www.megabank.com.tw/*
  71. // @exclude     http://earth.nullschool.net/*
  72. // @exclude     https://*.google.co*
  73. // @exclude     https://192.168.*
  74. // @exclude     http://192.168.*
  75. // @description Click to Next Scroll Page && Easy to View.
  76. // @grant       GM_addStyle
  77. // @grant       GM_log
  78. // @version     0.5.6
  79. // @modified     2015.02.24.00h
  80. // ==/UserScript==
  81.  
  82. // https://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js
  83.  
  84.  
  85. jQuery.noConflict();
  86. (function($) {
  87.     $(function() {
  88.         
  89.         
  90.         
  91.         //GM_addStyle("#jcBtnPageDown {z-index:99998; background: -moz-linear-gradient(#FFFFFF 0%, #CCCCCC 100%) repeat scroll 0 0 #E5E5E5; border: 1px solid #AAAAAA; border-radius: 4px 4px 4px 4px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); color: #555555; display:block; width:auto; padding:0px; color:black; }");
  92.         //GM_addStyle("#jcBtnPageDown {z-index:99998; border: 1px solid #AAAAAA; border-radius: 4px 4px 4px 4px; color: #555555; display:block; width:auto; padding:0px; }");
  93.         GM_addStyle("#jcBtnPageDown { font-size:120%; max-width:80px; z-index:99998; }");
  94.         GM_addStyle("#jcBtnPageDown button {border: 1px solid #AAAAAA; border-radius: 4px 4px 4px 4px; color: #555555; display:inline-block; width:auto; padding:0px; font-size:13px; }");
  95.         GM_addStyle("#jcBtnPageDown button.hideClass {min-width:15px;}");
  96.         
  97.         var gScrolled = false;	// 是否捲動
  98.         //var gBtnTopDiffNum = 0;		// 按鈕與視窗 Top 差距多少.
  99.         var jc_click_last_time = 0;	// last click time
  100.         
  101.         $(document).ready(function() {		// 動態載入，也會觸發 document ready 事件
  102.             
  103.             //console.log('document ready event!');
  104.             
  105.             jcAppendEvents();
  106.             
  107.         });
  108.         
  109.         function hasClickEvent( jqObj ) {
  110.             var elem = jqObj.get(0);
  111.             var rule1 = (!('undefined' == typeof $._data( elem, "events" )));
  112.             var rule2 = jqObj.attr('onclick');
  113.             rule2 = (!((typeof rule2 == 'undefined') || (rule2 == null) || (rule2 == false)));
  114.             
  115.             return (rule1 || rule2);
  116.         }
  117.         
  118.         
  119.         function jcAppendEvents() {
  120.             //	事件附加區
  121.             //
  122.             
  123.             // Page Scroll Down
  124.             $('html,body').on('click' , function(e) {
  125.                 
  126.                 var runnext = true;
  127.                 var eTagName = e.target.tagName;
  128.                 
  129.                 if (0 == $('#jcBtnPageDown').length) {
  130. 					$('#jcBtnPageDown').hide();
  131. 				}
  132.                 
  133.                 if ('' != window.getSelection()) {
  134.                     //return;
  135.                     //e.preventDefault();
  136.                     runnext = false;
  137.                 }
  138.                 
  139.                 if (self.location != top.location) {
  140.                     //return;
  141.                     //e.preventDefault();
  142.                     runnext = false;
  143.                 }
  144.                 
  145.                 
  146.                 if ( ('DIV' == eTagName) && ($(e.target).attr('sap-media')) ) {
  147.                     
  148.                     runnext = false;
  149.                 }
  150.                 console.log('click element == ' + eTagName );
  151.                 if (runnext) {
  152.                     if( ('A' == eTagName) || ('LINK' == eTagName) || ( "BLOCKQUOTE" == eTagName) || 
  153.                        //("P" == eTagName) || 
  154.                        ("TEXTAREA" == eTagName ) || ( "INPUT" == eTagName ) || 
  155.                        ( "SELECT" == eTagName ) || ( "OPTION" == eTagName ) || 
  156.                        //( "UL" == eTagName ) || ( "LI" == eTagName ) || 
  157.                        ( "MAP" == eTagName ) || ( "AREA" == eTagName ) || 
  158.                        ( "CANVAS" == eTagName ) || ( "SVG" == eTagName ) || ( "G" == eTagName ) || ( "LINE" == eTagName ) || ( "RECT" == eTagName ) || ( "TEXT" == eTagName ) || 
  159.                        ('BUTTON' == eTagName) || ( "IMG" == eTagName ) || ("EMBED" == eTagName ) || ("OBJECT" == eTagName ) || ( "VIDEO" == eTagName ) ) {
  160.                         
  161.                         runnext = false;
  162.                         
  163.                     }
  164.                 }
  165.                 
  166.                 if (runnext) {
  167.                     if (('HTML' != eTagName) && ($( e.target ).parents('a').length > 0)) {
  168.                         
  169.                         runnext = false;
  170.                         
  171.                     }
  172.                 }
  173.                 
  174.                 
  175.                 
  176.                 if (runnext) {
  177.                     //if ( ($(e.target).width() < 45) || ($(e.target).height() < 45) ) {
  178.                     if ( ($(e.target).width() < 60) || ($(e.target).height() < 30) ) {
  179.                         //if ( ($(e.target).width() < 100) || ($(e.target).height() < 100) ) {
  180.                         
  181.                         console.log('false, because: H = ' + $(e.target).height() + ' W = ' + $(e.target).width() + ' < (60,30)' );
  182.                         runnext = false;
  183.                         
  184.                     }
  185.                 }
  186.                 
  187.                 if (!runnext) {
  188.                     if( ('TD' == eTagName) || ('TH' == eTagName) ) {
  189.                         runnext = true;
  190.                     }
  191.                 }
  192.                 
  193.                 
  194.                 if (runnext) {
  195.                     // 如果有 handle event , 則放棄
  196.                     if (('HTML' != eTagName) && hasClickEvent($(e.target))) {
  197.                         runnext = false;
  198.                     }
  199.                 }
  200.                 
  201.                 if (!runnext) {
  202.                     if ('BODY' == eTagName) {
  203.                         runnext = true;
  204.                     }
  205.                 }
  206.                 
  207.                 
  208.                 if (runnext) {
  209.                     if (0 == $('#jcBtnPageDown').length) {
  210.                         var insHtml = 	'<div id="jcBtnPageDown" align="left" style="display:none;">' + 
  211.                             '<button type="button" class="PageDownClass">Page Down</button>' + 
  212.                             '<button type="button" class="ezViewClass">易讀</button>' + 
  213.                             '<button type="button" class="hideClass">-</button>' + 
  214.                             '</div>';
  215.                         $('body').append(insHtml);
  216.                         $('#jcBtnPageDown button.PageDownClass').css('max-width' ,  Math.max(80 ,	parseInt($('#jcBtnPageDown button.PageDownClass').width() , 10) ) + 'px');
  217.                         $('#jcBtnPageDown button.PageDownClass').click(function(e) {
  218.                             jcGetNextScrollTop(e);
  219.                             //e.stopPropagation();
  220.                             //e.preventDefault();
  221.                         });
  222.                         
  223.                         $('#jcBtnPageDown button.ezViewClass').click(function(e) {
  224.                             doJcEasyView();
  225.                         });
  226.                         
  227.                         $('#jcBtnPageDown button.hideClass').click(function(e) {
  228.                             //$('#jcBtnPageDown').hide();
  229.                             $('#jcBtnPageDown').remove();
  230.                         });
  231.                     } 
  232.                     
  233.                     //var x = e.pageX - this.offsetLeft - parseInt($('#jcBtnPageDown').width() / 2);
  234.                     //var y = e.pageY - this.offsetTop - $(window).scrollTop() - parseInt($('#jcBtnPageDown').height() / 2) - 5;
  235.                     
  236.                     // use position:fixed
  237.                     var x = e.pageX - this.offsetLeft - 55;
  238.                     var y = e.pageY - this.offsetTop - $(window).scrollTop() - 13;
  239.                     
  240.                     console.log( ' W = ' + $(e.target).width() + ' , H = ' + $(e.target).height() );
  241.                     console.log('  x = ' + x + ' , y = ' + y );
  242.                     
  243.                     
  244.                     
  245.                     
  246.                     window.setTimeout(function() {
  247.                         $('#jcBtnPageDown').css('position' , 'fixed')
  248.                             .css('left' , x + 'px')
  249.                             .css('top' , y + 'px')
  250.                             .show();
  251.                     }, 500);
  252.                     
  253.                     
  254.                     e.stopPropagation();
  255.                     e.preventDefault();
  256.                 }
  257.                 
  258.             });
  259.             
  260.             
  261.             //
  262.             
  263.             
  264.         }
  265.         
  266.         
  267.         function jcGetNextScrollTop(e) {
  268.             // 取得下一個 scroll down 
  269.             //	如果有 jcTumblrClickToRemoveThisArticle ，則以其為準
  270.             //	沒有則下捲 doc_top + win_h - 180
  271.             
  272.             var t = new Date;
  273.             var click_time = t.getTime();
  274.             if ((click_time - jc_click_last_time) < 200) { return; }
  275.             jc_click_last_time = click_time;
  276.             
  277.             
  278.             var docTop = $(window).scrollTop();	// document scroll top
  279.             var winH = Math.min( $(window).height() , window.innerHeight );				// window hieght
  280.             var docH = $(document).height();			// document hieght
  281.             var liTop = docTop + winH - 180;
  282.             
  283.             if (docH > winH) {	// check window height is correct!?
  284.                 // 下捲
  285.                 $(window).scrollTop(liTop);
  286.                 
  287.                 //GM_log('PageDown: docTop ' + docTop + ' , winH ' + winH + ' , docH ' + docH + ' , liTop ' + liTop);
  288.                 
  289.                 /*
  290. 		var y = parseInt($('#jcBtnPageDown').attr('data-y') , 10);
  291. 		y = y + ($(window).scrollTop() - docTop);
  292. 		$('#jcBtnPageDown').css('top' , y + 'px')
  293. 												.attr('data-y' , y);
  294. 		*/
  295.                 
  296.             }
  297.             
  298.             liTop = null;
  299.             docTop = null;
  300.             winH = null;
  301.             docH = null;
  302.             
  303.         }
  304.         
  305.         function doJcEasyView() {
  306.             // 易讀性
  307.             doJcEasyView_v2();
  308.         }
  309.         
  310.         function doJcEasyView_v1() {
  311.             // 易讀性 v1
  312.             (function(){
  313.                 var winW = Math.min(1700 , parseInt($(window).width() , 10) - 50);
  314.                 var newSS, styles='* {background:white !important; color:black !important; line-height: 180% !important; font-size: 0.85cm !important; width:auto !important; max-width:' + winW + 'px; margin: 0 0 0 0 !important; } ' + 
  315.                     ':link, :link * { color: #0000EE !important;} ' + 
  316.                     ':visited, :visited * { color: #551A8B !important;} ' + 
  317.                     'body {position:static !important; max-width:' + winW + 'px !important;}'; 
  318.                 if(document.createStyleSheet) { 
  319.                     document.createStyleSheet("javascript:'"+styles+"'"); 
  320.                 } else { 
  321.                     newSS=document.createElement('link'); 
  322.                     newSS.rel='stylesheet'; 
  323.                     newSS.href='data:text/css,'+escape(styles); 
  324.                     document.getElementsByTagName("head")[0].appendChild(newSS);
  325.                 }})();
  326.             
  327.             
  328.             //$('#jcBtnPageDown').hide();
  329.             $('#jcBtnPageDown').remove();
  330.         }
  331.         
  332.         function doJcEasyView_v2() {
  333.             // 易讀性 v2
  334.             $('div').each(function() {
  335.                 if (($(this).width()<=280) && ($(this).height()<500)) {
  336.                     $(this).remove();
  337.                 }
  338.             });
  339.             
  340.             $('body').find('script').remove();
  341.             
  342.             
  343.             $('body').find('*')
  344.             .css('width','auto')
  345.             .css('clear','both')
  346.             .css('float','none')
  347.             .css('position' , 'static')
  348.             .css('border','0px solid black')
  349.             .css('background-image','none')
  350.             //.css('background-color','white')
  351.             //.css('color','black')
  352.             .css('background-color','')
  353.             .css('color','')
  354.             .css('font-size', '1cm')
  355.             .css('line-height','1.2cm')
  356.             .css('height','auto')
  357.             .css('display','block')
  358.             .attr('id','');
  359.             
  360.             $('textarea').css('font-size', '');
  361.             
  362.         }
  363.         
  364.         
  365.         
  366.         
  367.         
  368.     });
  369. })(jQuery);