☰

百度贴吧图片缩放增强脚本

增强百度贴吧图片缩放，看大图无需开新标签页。

目前为 2014-06-01 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @id             tieba.baidu.com-709c0fe7-e313-44bd-9dbd-752bbd80259d@patwonder@163.com
  3. // @name           百度贴吧图片缩放增强脚本
  4. // @version        0.62
  5. // @namespace      patwonder@163.com
  6. // @author         patwonder
  7. // @description    增强百度贴吧图片缩放，看大图无需开新标签页。
  8. // @include        http://tieba.baidu.com/club/*/p/*
  9. // @include        http://tieba.baidu.com/f?kz=*
  10. // @include        http://tieba.baidu.com/p/*
  11. // @include        http://tieba.baidu.com/f?*ct=*z=*
  12. // @include        http://tieba.baidu.com.cn/f?kz=*
  13. // @include        http://tieba.baidu.com.cn/p/*
  14. // @include        http://tieba.baidu.com.cn/f?*ct=*z=*
  15. // @include        http://post.baidu.com/f?kz=*
  16. // @include        http://post.baidu.com/p/*
  17. // @include        http://post.baidu.com/f?*ct=*z=*
  18. // @include        http://post.baidu.com.cn/f?kz=*
  19. // @include        http://post.baidu.com.cn/p/*
  20. // @include        http://post.baidu.com.cn/f?*ct=*z=*
  21. // @run-at         document-end
  22. // @grant          none
  23. // ==/UserScript==
  24.  
  25. (function(d, w) {
  26. var B_WIDESCREEN_ENABLED = /*typeof(GM_getValue) === 'function' ? GM_getValue('btise.wideScreenEnabled', true) :*/ undefined;
  27. var B_FLOORNUM_ENABLED = /*typeof(GM_getValue) === 'function' ? GM_getValue('btise.floorNumEnabled', true) :*/ undefined;
  28. if (B_WIDESCREEN_ENABLED !== true && B_WIDESCREEN_ENABLED !== false) {
  29.     B_WIDESCREEN_ENABLED = true;
  30.     B_FLOORNUM_ENABLED = true;
  31. }
  32. var B_SWITCH_ENABLED = true;
  33.  
  34. var btise = { wideScreenEnabled : true, floorNumEnabled : true };
  35. var localStorage = w.localStorage;
  36. if (localStorage) {
  37.   localStorage = localStorage.wrappedJSObject || localStorage;
  38.   if (typeof(localStorage.btise) == 'string') {
  39.     try {
  40.       btise = JSON.parse(localStorage.btise);
  41.     } catch (ex) { }
  42.   }
  43.  
  44.   // Assign default configs
  45.   if (typeof(btise.wideScreenEnabled) == 'undefined' && typeof(btise.floorNumEnabled) == 'undefined') {
  46.     btise.wideScreenEnabled = B_WIDESCREEN_ENABLED;
  47.     btise.floorNumEnabled = B_FLOORNUM_ENABLED;
  48.   }
  49.   if (typeof(localStorage.btise) != 'string')
  50.     localStorage.btise = JSON.stringify(btise);
  51. } else {
  52.   B_SWITCH_ENABLED = false;
  53. }
  54.  
  55. B_WIDESCREEN_ENABLED = !!btise.wideScreenEnabled;
  56. B_FLOORNUM_ENABLED = !!btise.floorNumEnabled;
  57.  
  58. var STR_SCRIPT_NAME = '百度贴吧图片缩放增强脚本';
  59.  
  60. var common = {
  61.     matchesSelector: function(element, selector) {
  62.         if (element.mozMatchesSelector) {
  63.             return element.mozMatchesSelector(selector);
  64.         } else if (element.webkitMatchesSelector) {
  65.             return element.webkitMatchesSelector(selector);
  66.         } else if (element.matchesSelector) {
  67.             return element.matchesSelector(selector);
  68.         } else {
  69.             try {
  70.                 var elems = element.parentElement ? element.parentElement.querySelectorAll(selector) : [];
  71.                 for (var i = 0, l = elems.length; i < l; i++) {
  72.                     if (elems[i] === element) return true;
  73.                 }
  74.             } catch (ex) { }
  75.             return false;
  76.         }
  77.     },
  78.     // re-entrance guard for image wrapping, avoid re-entering the DOM mutation event handlers
  79.     wrapping: false
  80. };
  81.  
  82. (function() {
  83.     var IMG_RETRIEVING_SIZE = '正在获取原始大小……';
  84.     var IMG_ORG_SIZE_DESC = '原图：';
  85.     var IMG_CUR_PERCENT = "比例：";
  86.     var IMG_MAG_DESC = '点击放大，按住Shift全部放大';
  87.     var IMG_MIN_DESC = '点击缩小，按住Shift全部缩小';
  88.     var SIGN_SELECTOR = 'div.d_sign_split + img';
  89.     var IMG_INSIDE_EDITOR_SELECTOR = '#editor img, #tb_rich_poster img';
  90.     var IMG_SELECTOR = 'img.BDE_Image, div.p_content img.BDE_Smiley, img.d_content_img, ' + SIGN_SELECTOR;
  91.     var REG_SIGN = /w%3D580.*\/sign=.*?(?=\/)/;
  92.     var images = [];
  93.     
  94.     var matchesSelector = common.matchesSelector;
  95.     
  96.     var prefilterImages = function() {
  97.         var imageNodes = d.querySelectorAll(IMG_SELECTOR);
  98.         for (var i = 0; i < imageNodes.length; i++) {
  99.             var image = imageNodes[i];
  100.             if (shouldAdd(image))
  101.                 prefilterImage(image);
  102.         }
  103.     }
  104.     
  105.     var prefilterImage = function(image) {
  106.         // Check whether we should reload with original src
  107.         if (REG_SIGN.test(image.src)) {
  108.             var newimg = d.createElement('img');
  109.             newimg.src = image.src.replace(REG_SIGN, "pic/item");
  110.             newimg.className = image.className;
  111.             if (image.parentElement) {
  112.                 common.wrapping = true;
  113.                 image.parentElement.insertBefore(newimg, image);
  114.                 image.parentElement.removeChild(image);
  115.                 common.wrapping = false;
  116.                 return newimg;
  117.             }
  118.         }
  119.         // Check for passively loaded images
  120.         if (image.hasAttribute("data-passive")) {
  121.             var passiveSrc = image.getAttribute("data-passive");
  122.             image.setAttribute("data-passive", passiveSrc.replace(REG_SIGN, "pic/item"));
  123.         } else if (image.hasAttribute("data-tb-lazyload")) {
  124.             var passiveSrc = image.getAttribute("data-tb-lazyload");
  125.             image.setAttribute("data-tb-lazyload", passiveSrc.replace(REG_SIGN, "pic/item"));
  126.         }
  127.         return image;
  128.     }
  129.     
  130.     var obtainImages = function() {
  131.         var imageNodes = d.querySelectorAll(IMG_SELECTOR);
  132.         for (var i = 0; i < imageNodes.length; i++) {
  133.             var image = imageNodes[i];
  134.             if (shouldAdd(image))
  135.                 images.push(image);
  136.         }
  137.     };
  138.     var shouldAdd = function(image) {
  139.         // don't process images inside the editor
  140.         if (matchesSelector(image, IMG_INSIDE_EDITOR_SELECTOR))
  141.             return false;
  142.         return true;
  143.     };
  144.     var addImages = function(new_images) {
  145.         for (var i = 0; i < new_images.length; i++) {
  146.             var image = new_images[i];
  147.             if (!shouldAdd(image)) continue;
  148.             image = prefilterImage(image);
  149.             
  150.             images.push(image);
  151.             initImage(image);
  152.             adjustScaling(image);
  153.         }
  154.     };
  155.     var removeImages = function(del_images) {
  156.         for (var i = 0; i < del_images.length; i++) {
  157.             var image = del_images[i];
  158.             for (var j = 0; j < images.length; j++) {
  159.                 if (images[j] == image) {
  160.                     images.splice(j, 1);
  161.                     break;
  162.                 }
  163.             }
  164.         }
  165.     };
  166.     w.addEventListener('DOMNodeInserted', function(event) {
  167.         if (common.wrapping) return;
  168.         if (matchesSelector(event.target, IMG_SELECTOR)) {
  169.             addImages([event.target]);
  170.         } else if (event.target.querySelectorAll) {
  171.             var new_images = event.target.querySelectorAll(IMG_SELECTOR);
  172.             if (new_images.length != 0) {
  173.                 addImages(new_images);
  174.             }
  175.         }
  176.     }, false);
  177.     w.addEventListener('DOMNodeRemoved', function(event) {
  178.         if (common.wrapping) return;
  179.         if (matchesSelector(event.target, IMG_SELECTOR)) {
  180.             removeImages([event.target]);
  181.         } else if (event.target.querySelectorAll) {
  182.             var del_images = event.target.querySelectorAll(IMG_SELECTOR);
  183.             if (del_images.length != 0) {
  184.                 removeImages(del_images);
  185.             }
  186.         }
  187.     }, false);
  188.     // Stops everything from bubbling up and doing anything else
  189.     var stopListener = function(e) {
  190.       if (e.stopImmediatePropagation) e.stopImmediatePropagation();
  191.       else if (e.stopPropagation) e.stopPropagation();
  192.       
  193.       if (e.preventDefault) e.preventDefault();
  194.       
  195.       return false;
  196.     };
  197.     // Image click handler that handles image size switching
  198.     var listener = function(e) {
  199.         // Only handle left clicks
  200.         if (e.button != 0) return;
  201.         
  202.         var image = (e && e.target) || (w.event && w.event.srcElement);
  203.         // We are expecting clicks on detected images
  204.         if (!image || image.localName != 'img' || image.getAttribute('data-detected') != 'true' || !shouldAdd(image))
  205.           return;
  206.         
  207.         if (image && image.getAttribute('data-disabled') != 'true') {
  208.             if (image.getAttribute('data-fullsized') == 'true') {
  209.                 image.setAttribute('data-fullsized', 'false');
  210.                 setTitle(image);
  211.                 if (e.shiftKey) {
  212.                     var isSign = matchesSelector(image, SIGN_SELECTOR);
  213.                     for (var i = 0; i < images.length; i++) {
  214.                         var img = images[i];
  215.                         // separate scale all images for sign and non-sign images
  216.                         if (isSign != matchesSelector(img, SIGN_SELECTOR))
  217.                             continue;
  218.                         if (img.getAttribute('data-fullsized') == 'true') {
  219.                             img.setAttribute('data-fullsized', 'false');
  220.                             setTitle(img);
  221.                         }
  222.                     }
  223.                 }
  224.             } else {
  225.                 image.setAttribute('data-fullsized', 'true');
  226.                 setTitle(image);
  227.                 if (e.shiftKey) {
  228.                     var isSign = matchesSelector(image, SIGN_SELECTOR);
  229.                     for (var i = 0; i < images.length; i++) {
  230.                         var img = images[i];
  231.                         // separate scale all images for sign and non-sign images
  232.                         if (isSign != matchesSelector(img, SIGN_SELECTOR))
  233.                             continue;
  234.                         if (img.getAttribute('data-fullsized') != 'true') {
  235.                             img.setAttribute('data-fullsized', 'true');
  236.                             setTitle(img);
  237.                         }
  238.                     }
  239.                 }
  240.             }
  241.             if (e.shiftKey) image.scrollIntoView();
  242.         }
  243.         return stopListener(e);
  244.     };
  245.     
  246.     var isDisplayingFullsize = function(image, callback) {
  247.         if (image.hasAttribute('data-owidth')) {
  248.             var owidth = image.getAttribute('data-owidth');
  249.             callback(image.parentElement.offsetWidth >= owidth);
  250.             return;
  251.         }
  252.         
  253.         var newImg = new Image();
  254.  
  255.         newImg.onload = function() {
  256.             var owidth = newImg.width;
  257.             image.setAttribute('data-owidth', owidth);
  258.             image.setAttribute('data-oheight', newImg.height);
  259.             // image may have detached from the document, thus visiting "parentElement" may fail
  260.             if (image.parentElement && image.parentElement.offsetWidth)
  261.               callback(image.parentElement.offsetWidth >= owidth);
  262.         };
  263.         
  264.         var passiveSrc = image.getAttribute('data-passive') || image.getAttribute('data-tb-lazyload');
  265.         newImg.src = (passiveSrc != "loaded" && passiveSrc) || image.src;
  266.     };
  267.  
  268.     var adjustScaling = function(image) {
  269.         isDisplayingFullsize(image, function(isFullsize) {
  270.             if (isFullsize) {
  271.                 if (image.getAttribute('data-disabled') != 'true') {
  272.                     image.setAttribute('data-disabled', 'true');
  273.                 }
  274.             } else {
  275.                 if (image.getAttribute('data-disabled') == 'true') {
  276.                     image.removeAttribute('data-disabled');
  277.                 }
  278.             }
  279.             setTitle(image);
  280.         });
  281.     };
  282.  
  283.     var initImage = function(image) {
  284.         image.removeAttribute('width');
  285.         image.removeAttribute('height');
  286.         image.setAttribute('data-detected', 'true');
  287.         setTitle(image);
  288.         image.onclick = undefined;
  289.         
  290.         image.addEventListener("load", function() {
  291.             var passiveSrc = image.getAttribute('data-passive') || image.getAttribute('data-tb-lazyload');
  292.             if (passiveSrc && passiveSrc != "loaded")
  293.               return;
  294.             var width = image.naturalWidth;
  295.             var height = image.naturalHeight;
  296.             image.setAttribute('data-owidth', width);
  297.             image.setAttribute('data-oheight', height);
  298.             adjustScaling(image);
  299.         }, false);
  300.         
  301.         if (matchesSelector(image, SIGN_SELECTOR)) {
  302.             // wrap sign images into a fixed size container
  303.             common.wrapping = true;
  304.             try {
  305.                 var divWrapper = d.createElement('div');
  306.                 divWrapper.className = 'd_sign_wrapper';
  307.                 image.parentElement.insertBefore(divWrapper, image.previousSibling);
  308.                 divWrapper.appendChild(image.previousSibling);
  309.                 divWrapper.appendChild(image);
  310.             } finally {
  311.                 common.wrapping = false;
  312.             }
  313.         }
  314.     };
  315.  
  316.     var setTitle = function(image) {
  317.         var title_a = [];
  318.         if (image.getAttribute('data-disabled') != 'true') {
  319.             var isFullsized = image.getAttribute('data-fullsized') == 'true';
  320.             if (image.hasAttribute('data-owidth')) {
  321.                 var owidth = image.getAttribute('data-owidth')
  322.                 title_a = [IMG_ORG_SIZE_DESC, owidth, '*', image.getAttribute('data-oheight'), '  ',
  323.                 IMG_CUR_PERCENT, isFullsized ? 100 : Math.floor(100 * image.parentElement.offsetWidth / owidth), '%\n'];
  324.             } else {
  325.                 title_a = [IMG_RETRIEVING_SIZE, '\n'];
  326.             }
  327.             title_a.push(isFullsized ? IMG_MIN_DESC : IMG_MAG_DESC);
  328.         }
  329.         image.setAttribute('title', title_a.join(''));
  330.     };
  331.  
  332.     var doImageOpAll = function(op) {
  333.         for (var i = 0; i < images.length; i++) {
  334.             op(images[i]);
  335.         }
  336.     };
  337.     
  338.     var adjustScalingAll = function() { doImageOpAll(adjustScaling); };
  339.     var initImageAll = function() { doImageOpAll(initImage); };
  340.  
  341.     prefilterImages();
  342.     obtainImages();
  343.     initImageAll();
  344.     w.addEventListener('resize', adjustScalingAll, false);
  345.  
  346.     var loadListener = function() {
  347.         for (var i = 0; i < images.length; i++) {
  348.             var image = images[i];
  349.             adjustScaling(image);
  350.             image.onclick = undefined;
  351.         }
  352.     };
  353.     w.addEventListener('DOMContentLoaded', loadListener, false);
  354.     w.addEventListener('load', loadListener, false);
  355.     w.addEventListener('click', listener, true);
  356.     
  357. 		var rightPanelWidth = (function(rightSection) {
  358.         return rightSection ? rightSection.offsetWidth : 0;
  359.     })(d.querySelector('div.right_section'));
  360.     
  361.     var style = d.createElement('style');
  362.     style.setAttribute('type','text/css');
  363.     
  364.     var aInnerHTML = ['img[data-detected=true] { max-width: 100% !important; margin-top: 0 !important; width: auto !important; height: auto !important; cursor: url("data:image/gif;base64,R0lGODlhIAAgAKEAAP///wAAAP///////yH5BAEAAAIALAAAAAAgACAAAAJMlBUZx+2PApggwesk3Qt7XYGdB4EhR5aToqzpo7GJ+zbmTI31IYp7tkH9bDfFMGOM6I4wC/OSfDaXUl71is1qt9yu9wsOi8fkstlQAAA7") 6 6, pointer !important; }\n',
  365.                       'img[data-detected=true][data-fullsized=true]:not([data-disabled=true]) { max-width: none !important; cursor: url("data:image/gif;base64,R0lGODlhIAAgAKEAAP///wAAAP///////yH5BAEAAAIALAAAAAAgACAAAAJLlBUZx+2PApggwesk3Qt7vU2dB4GhSJaikqBptrLuy5jnSB82hefGPvPpTCxhRvGzGDHI5aXpfECjjR71is1qt9yu9wsOi8fk8rgAADs=") 6 6, pointer !important; z-index: 9999999; position: relative; }\n',
  366.                       'img[data-detected=true][data-disabled=true]  { cursor: default !important; }\n',
  367.                       'div.replace_div { width: auto !important; height: auto !important; overflow: visible !important; position: static !important; border: none !important; }\n',
  368.                       'div.replace_tip { display: none !important; }\n',
  369.                       'div.d_sign_wrapper { max-width: 568px; margin: 0 5px; }\n',
  370.                       'div.d_sign_split, div.d_sign_split + img { margin-left: 0 !important; margin-right: 0 !important; }\n',
  371.                       '#pic_to_album_tip { display: none !important; }\n',
  372.                       'div.d_post_content_main, div.d_post_content { overflow: visible !important; }\n',
  373.                       'div.j_lzl_container img.BDE_Smiley { max-width: 30px !important; max-height: 30px !important; }\n',
  374.                       'ul.nav_right a { height: 36px; float: right; color: #5C6573; margin: 5px 5px; padding: 10px 5px; }\n',
  375.                       'div.p_content.p_content_nameplate > img[width="1"][height="1"] { display: none !important; }'];
  376.     if (B_WIDESCREEN_ENABLED) {
  377.         aInnerHTML = aInnerHTML.concat(['\n',
  378.             '#container, div.content, #tb_nav, div.p_thread, #pb_content, div.left_section, #j_core_title_wrap, div.l_post, div.d_post_content_main, div.core_reply_wrapper, div.pb_footer, div.d_sign_split, blockquote.d_quote, blockquote.d_quote fieldset, .d_quote .quote_content, div.core { width: auto !important; }\n',
  379.             'div.pb_content { background: none !important; }\n',
  380.             'div.d_post_content_main { padding: 15px 10px 5px !important; }\n',
  381.             'div.p_content { padding: 0 !important; }\n',
  382.             'div.left_section {\n',
  383.             '    -moz-box-sizing: border-box;\n',
  384.             '    -webkit-box-sizing: border-box;\n',
  385.             '    box-sizing: border-box;\n',
  386.             '    width: -moz-calc(100% - ', rightPanelWidth, 'px) !important;\n',
  387.             '    width: -webkit-calc(100% - ', rightPanelWidth, 'px) !important;\n',
  388.             '    width: calc(100% - ', rightPanelWidth, 'px) !important;\n',
  389.             '    border-right: 1px solid #E5E5E5;\n',
  390.             '}\n',
  391.             'div.l_post {\n',
  392.             '    background-color: white;\n',
  393.             '    background-image:    -moz-linear-gradient(left, #F7F7F7, #F7F7F7 130px, white 130px, white);\n',
  394.             '    background-image: -webkit-linear-gradient(left, #F7F7F7, #F7F7F7 130px, white 130px, white);\n',
  395.             '    background-image:     -ms-linear-gradient(left, #F7F7F7, #F7F7F7 130px, white 130px, white);\n',
  396.             '    background-image:      -o-linear-gradient(left, #F7F7F7, #F7F7F7 130px, white 130px, white);\n',
  397.             '    background-image:         linear-gradient(to right, #F7F7F7, #F7F7F7 130px, white 130px, white);\n',
  398.             '}\n',
  399.             'div.core_reply_tail, div.core_reply_wrapper { margin-right: 0px !important; }\n',
  400.             'div.core_reply, div.d_content { margin-left: 0px !important; max-width: 568px; margin-right: auto !important; }\n',
  401.             '#tb_rich_poster { margin-left: 0px !important; }\n',
  402.             '#tb_rich_poster_container { margin-left: 10px !important; }\n',
  403.             'div.d_main_section, div.d_post_content_main, div.d_content, div.core_reply, h1.core_title_txt { float: none !important; }\n',
  404.             'div.d_post_content_main { margin-left: 130px !important; }\n',
  405.             'div.right_section { margin-left: 0 !important; }\n',
  406.             'h1.core_title_txt { display: inline; }\n',
  407.             '.card_top_theme2 { margin-right: 0 !important; }'
  408.         ])
  409.     }
  410.     style.innerHTML = aInnerHTML.join('');
  411.     d.querySelector('head').appendChild(style);
  412.  
  413.     adjustScalingAll();
  414.     w.setTimeout(adjustScalingAll, 1000);
  415. })();
  416.  
  417. (function() {
  418.     if (!B_FLOORNUM_ENABLED) return;
  419.     
  420.     var POST_SELECTOR = 'div.l_post';
  421.     var LZL_POST_SELECTOR = 'span.lzl_time';
  422.     
  423.     var pint = function(str) {
  424.         var num = parseInt(str, 10);
  425.         return (isNaN(num) || !isFinite(num)) ? 0 : num;
  426.     };
  427.     
  428.     var getPostTimeSummary = function(postTimeString) {
  429.         // calculate diff between post time and now
  430.         var postTimeMillis = 0;
  431.         if (postTimeString) {
  432.             var match = /^\s*([0-9]{2,4})[\/-]([0-9]{1,2})[\/-]([0-9]{1,2})[ tT\,]*([0-9]{1,2})\:([0-9]{1,2})(?:\:([0-9]{1,2}))?\s*$/.exec(postTimeString);
  433.             if (match) {
  434.                 postTimeMillis = new Date(pint(match[1]), pint(match[2]) - 1, pint(match[3]), pint(match[4]), pint(match[5]), pint(match[6])).getTime();
  435.             }
  436.         }
  437.         var postTimeSummary = '';
  438.         if (postTimeMillis) {
  439.             //alert(postTimeMillis + " ~ " + Date.now());
  440.             var mins = Math.floor((Date.now() - postTimeMillis) / 60000);
  441.             if (mins < 1)
  442.                 postTimeSummary = '刚刚';
  443.             else if (mins < 60)
  444.                 postTimeSummary = mins + '分钟前';
  445.             else {
  446.                 var hours = Math.floor(mins / 60);
  447.                 if (hours < 24)
  448.                     postTimeSummary = hours + '小时前';
  449.                 else {
  450.                     var days = Math.floor(hours / 24);
  451.                     if (days < 31)
  452.                         postTimeSummary = days + '天前';
  453.                     else {
  454.                         var months = Math.floor(days / 30.436875);
  455.                         if (months < 12)
  456.                             postTimeSummary = months + '个月前';
  457.                         else {
  458.                             var years = Math.floor(months / 12);
  459.                             months -= years * 12;
  460.                             postTimeSummary = years + '年' + ((months > 0 && years < 3) ? months + '个月' : '') + '前';
  461.                         }
  462.                     }
  463.                 }
  464.             }
  465.             postTimeSummary += ' ';
  466.         }
  467.         return postTimeSummary;
  468.     };
  469.  
  470.     var style = d.createElement('style');
  471.     style.setAttribute('type','text/css');
  472.     style.innerHTML = ['div.d_floor { font-family: sans-serif; font-size: 16px; float: right; margin: 5px; color: #261CDC; }\n',
  473.                        'span.s_lzl_time_summary { color: rgb(153, 153, 153); }\n',
  474.                        'div.louzhubiaoshi { right: auto !important; left: 0px; top: 0px !important; transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); }\n',
  475.                        'div.louzhubiaoshi_wrap { position: static !important; }\n',
  476.                        'div.l_post { position: relative; }'
  477.                       ].join('');
  478.     d.querySelector('head').appendChild(style);
  479.     
  480.     var updatePost = function(post) {
  481.         var field = JSON.parse(post.getAttribute('data-field'));
  482.         var floorNum = field && (field.content && (field.content.floor || field.content.post_no));
  483.         if (floorNum && !isNaN(parseFloat(floorNum)) && isFinite(floorNum)) {
  484.             var div = post.querySelector('div.d_floor') || d.createElement('div');
  485.             div.className = 'd_floor';
  486.             div.innerHTML = getPostTimeSummary(field.content.date) + '#' + floorNum;
  487.             common.wrapping = true;
  488.             post.insertBefore(div, post.querySelector('*'));
  489.             common.wrapping = false;
  490.         }
  491.     };
  492.     var updateLzlPost = function(lzlpost) {
  493.         var postTimeSummary = getPostTimeSummary(lzlpost.innerHTML);
  494.         var span = lzlpost.parentElement.querySelector('span.s_lzl_time_summary') || d.createElement('span');
  495.         span.className = 's_lzl_time_summary';
  496.         span.innerHTML = postTimeSummary;
  497.         common.wrapping = true;
  498.         lzlpost.parentElement.insertBefore(span, lzlpost);
  499.         common.wrapping = false;
  500.     };
  501.     var updateFloorNumField = function() {
  502.         var posts = d.querySelectorAll(POST_SELECTOR);
  503.         for (var i = 0; i < posts.length; i++)
  504.             updatePost(posts[i]);
  505.         
  506.         var lzlposts = d.querySelectorAll(LZL_POST_SELECTOR);
  507.         for (var i = 0; i < lzlposts.length; i++)
  508.             updateLzlPost(lzlposts[i]);
  509.     };
  510.     
  511.     updateFloorNumField();
  512.     setInterval(updateFloorNumField, 30000);
  513.     
  514.     // update time summary when elements are dynamically inserted
  515.     var matchesSelector = common.matchesSelector;
  516.     w.addEventListener('DOMNodeInserted', function(event) {
  517.         if (common.wrapping) return;
  518.         if (matchesSelector(event.target, LZL_POST_SELECTOR)) {
  519.             updateLzlPost(event.target);
  520.         } else {
  521.             if (matchesSelector(event.target, POST_SELECTOR)) {
  522.                 updatePost(event.target);
  523.             }
  524.             if (event.target.querySelectorAll) {
  525.                 var posts = event.target.querySelectorAll(POST_SELECTOR);
  526.                 for (var i = 0; i < posts.length; i++)
  527.                     updatePost(posts[i]);
  528.                 
  529.                 var lzlposts = event.target.querySelectorAll(LZL_POST_SELECTOR);
  530.                 for (var i = 0; i < lzlposts.length; i++)
  531.                     updateLzlPost(lzlposts[i]);
  532.             }
  533.         }
  534.     }, false);
  535.     
  536. })();
  537.  
  538. (function() {
  539.     if (!B_SWITCH_ENABLED) return;
  540.     
  541.     var prefs = [
  542.         { name: '宽屏样式', id: 'wsenable', prefName: 'wideScreenEnabled', value: B_WIDESCREEN_ENABLED },
  543.         { name: '楼层计数', id: 'fnenable', prefName: 'floorNumEnabled', value: B_FLOORNUM_ENABLED }
  544.     ];
  545.     var elemNavRight = d.querySelector('ul.nav_right');
  546.     if (!elemNavRight) {
  547.         var navbar = document.querySelector("#tb_nav");
  548.         if (navbar) {
  549.             elemNavRight = d.createElement("ul");
  550.             elemNavRight.className = "nav_right";
  551.             navbar.appendChild(elemNavRight);
  552.         }
  553.     }
  554.     if (elemNavRight) {
  555.         prefs.forEach(function(pref) {
  556.             var strEnableDisable = pref.value ? '禁用' : '启用';
  557.             var strText = strEnableDisable + pref.name;
  558.             var liPrefItem = d.createElement('li');
  559.             var aPrefItem = d.createElement('a');
  560.             aPrefItem.setAttribute('id', pref.id);
  561.             aPrefItem.setAttribute('title', strText + '\n(' + STR_SCRIPT_NAME + ')');
  562.             aPrefItem.setAttribute('href', '#');
  563.             aPrefItem.innerHTML = strText;
  564.             aPrefItem.addEventListener('click', function() {
  565.                 btise[pref.prefName] = !pref.value;
  566.                 localStorage.btise = JSON.stringify(btise);
  567.                 w.location.reload();
  568.                 return false;
  569.             });
  570.             liPrefItem.appendChild(aPrefItem);
  571.             elemNavRight.appendChild(liPrefItem);
  572.         });
  573.     }
  574. })();
  575.  
  576. })(document, typeof(unsafeWindow) !== "undefined" ? unsafeWindow : window);