MediaWiki:Common.js

注意：在保存之后，您可能需要清除浏览器缓存才能看到所作出的变更的影响。

• Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
• Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
• Internet Explorer：按住Ctrl的同时单击刷新，或按Ctrl-F5
• Opera：前往菜单 → 设置（Mac为Opera → Preferences），然后隐私和安全 → 清除浏览数据 → 缓存的图片和文件。

/* 这里的任何JavaScript将为所有用户在每次页面载入时加载。 */
/* Spine Loader */
mw.loader.load("/index.php?title=MediaWiki:Gadget-chibiAnimation.js&action=raw&ctype=text/javascript");
/* 标签式图标图鉴首列元素侦测 */
$(function () {
    var iconbox = document.querySelectorAll('table.iconbox tr > td:last-child');var iconcontainer = document.querySelectorAll('table.iconbox tr');
    if (iconbox.length == 0) {return;}
    for (var i = 0; i < iconbox.length; i++) 
      {
        var len = iconbox[i].offsetWidth;var test= iconbox[i].getElementsByTagName("div").length;console.log(test);if(!test==0){iconcontainer[i].remove();continue}
        var num = Math.floor( len / 80);if(num==0){continue}
        for (var j = 0; j < iconbox[i].getElementsByClassName("TDnavbox").length;j += num) {;
          iconbox[i].getElementsByClassName("TDnavbox")[j].classList.add("lead");console.log(num,j);
          if(!!iconbox[i].getElementsByClassName("TDnavbox")[j+1]){iconbox[i].getElementsByClassName("TDnavbox")[j+1].classList.add("lead");}
          if(!!iconbox[i].getElementsByClassName("TDnavbox")[j+2]){iconbox[i].getElementsByClassName("TDnavbox")[j+2].classList.add("lead");}
        }
      } 
  })
$(window).resize(function () {
    var iconbox = document.querySelectorAll('table.iconbox tr > td:last-child');
    var iconcontainer = document.querySelectorAll('table.iconbox tr');
    var leadicon = document.querySelectorAll('table.iconbox tr > td:last-child div.lead');
    for (var i = 0; i < leadicon.length; i++) {
      leadicon[i].classList.remove("lead")
    }
    if (iconbox.length == 0) {return;}
    for (var i = 0; i < iconbox.length; i++) 
      {
        var len = iconbox[i].offsetWidth;if(len==0){iconcontainer[i].remove();continue}
        var num = Math.floor( len / 80);if(num==0){continue}
        for (var j = 0; j < iconbox[i].getElementsByClassName("TDnavbox").length;j += num) {;
          iconbox[i].getElementsByClassName("TDnavbox")[j].classList.add("lead");console.log(num,j);
          if(!!iconbox[i].getElementsByClassName("TDnavbox")[j+1]){iconbox[i].getElementsByClassName("TDnavbox")[j+1].classList.add("lead");}
          if(!!iconbox[i].getElementsByClassName("TDnavbox")[j+2]){iconbox[i].getElementsByClassName("TDnavbox")[j+2].classList.add("lead");}
        }
      } 
  })
/* experimental filterable table function */
(function(mw, $) {
    'use strict';
    var filterIdCounter = 0;
    var filterButtons = [];
    var filterInputs = [];
    var fb = new AttrData('filterable');
    var fbh = new AttrData('filterable-head');
    var fbb = new AttrData('filterable-button');
    var fbi = new AttrData('filterable-input');
    var fbig = new AttrData('filterable-input-group');
    function AttrData(name) {
        this.name = name;
        this.classSelector = '.' + name;
        this.activeClass = name + '-active';
        this.idPrefix = name + '-';
        this.idSelectorPrefix = '#' + name + '-';
    }
    function FilterButton($filterHead, filterid) {
        this.id = filterid;
        var $filterbutton = $('<span title="筛选" id="' + fbb.idPrefix + this.id + '" class="' + fbb.name + '"><i class="fa fa-filter" aria-hidden="true"></i></span>');
        $filterHead.append($filterbutton);
        $filterbutton.click(this.id, function(event) {
            event.stopPropagation();
            var filterinputid = $(this).attr('id').replace(fbb.idPrefix, fbi.idPrefix);
            for (var i = 0; i <= filterIdCounter; i++) {
                if (fbi.idPrefix + i === filterinputid) {
                    continue;
                }
                if ($(fbi.idSelectorPrefix + i).css('display') !== 'none') {
                    $(fbi.idSelectorPrefix + i).fadeToggle();
                }
            }
            $('#' + filterinputid).fadeToggle(200);
            updateFilterableInputPosition(event.data);
        });
    }
    function FilterInput(filterid) {
        this.id = filterid;
        var index = $(fbb.idSelectorPrefix + filterid).parent('th,td').index();
        var filterItems = new Set();
        var filterInputItemsPart = '';
        $(fbb.idSelectorPrefix + filterid).parent('td,th').parent('tr').parent('thead,tbody,tfoot').parent(fb.classSelector).children('tbody').children('tr').each(function() {
            if ($(this).children('td,th').eq(index).text() && !$(this).children('td,th').eq(index).hasClass(fbh.name)) {
                filterItems.add($(this).children('td,th').eq(index).text());
            }
        });
        if (filterItems.size > 0) {
            filterInputItemsPart += '<li role="separator"class="divider"></li><li class="dropdown-header">项目筛选：</li><li class="dropdown-content"><div class="btn-group btn-group-justified"role="group"><div class="btn-group btn-group-sm"role="group"><button type="button"class="btn btn-success checkbox-select-all">全选</button></div><div class="btn-group btn-group-sm"role="group"><button type="button"class="btn btn-warning checkbox-clear-all">全清</button></div></div></li><li class="dropdown-content"><div class="checkbox-group list-group">';
            filterItems.forEach(function(value) {
                filterInputItemsPart += '<div class="list-group-item"><input type="checkbox" checked="true" value="' + value + '" /><span title="' + value + '">' + value + '</span></div>';
            });
            filterInputItemsPart += '</div></li>'
        }
        var $filterinput = $('<ul id="' + fbi.idPrefix + filterid + '"class="' + fbig.name + ' dropdown-menu"><li class="dropdown-header">字段筛选：</li><li class="dropdown-content"><div class="input-group input-group-sm"><input type="text"class="' + fbi.name + ' form-control"placeholder="输入筛选字段"/><span class="input-group-btn"><button class="btn btn-warning btn-sm"type="button">清除</button></span></div></li>' + filterInputItemsPart + '</ul>');
        $(document.body).append($filterinput);
        $filterinput.find('.input-group input').keyup(function(event) {
            var filterid = $(this).parent('.input-group').parent('.dropdown-content').parent(fbig.classSelector).attr('id').match(/[0-9]+/);
            updateFilterButtonState(filterid);
            filterTable($(fbb.idSelectorPrefix + filterid).parent('td,th').parent('tr').parent('thead,tbody,tfoot').parent(fb.classSelector));
        });
        $filterinput.click(function(event) {
            event.stopPropagation();
        });
        $filterinput.find('.input-group-btn').click(function(event) {
            var filterid = $(this).parent('.input-group').parent('.dropdown-content').parent(fbig.classSelector).attr('id').match(/[0-9]+/);
            $(this).prev().val('');
            updateFilterButtonState(filterid);
            filterTable($(fbb.idSelectorPrefix + filterid).parent('td,th').parent('tr').parent('thead,tbody,tfoot').parent(fb.classSelector));
        });
        $filterinput.find('.checkbox-group input').click(function(event) {
            var filterid = $(this).parent('.list-group-item').parent('.checkbox-group').parent('.dropdown-content').parent(fbig.classSelector).attr('id').match(/[0-9]+/);
            updateFilterButtonState(filterid);
            filterTable($(fbb.idSelectorPrefix + filterid).parent('td,th').parent('tr').parent('thead,tbody,tfoot').parent(fb.classSelector));
        });
        $filterinput.find('.checkbox-select-all').click(function(event) {
            var filterid = $(this).parent('.btn-group').parent('.btn-group').parent('.dropdown-content').parent(fbig.classSelector).attr('id').match(/[0-9]+/);
            $(fbi.idSelectorPrefix + filterid + ' .checkbox-group input').prop('checked', true);
            updateFilterButtonState(filterid);
            filterTable($(fbb.idSelectorPrefix + filterid).parent('td,th').parent('tr').parent('thead,tbody,tfoot').parent(fb.classSelector));
        });
        $filterinput.find('.checkbox-clear-all').click(function(event) {
            var filterid = $(this).parent('.btn-group').parent('.btn-group').parent('.dropdown-content').parent(fbig.classSelector).attr('id').match(/[0-9]+/);
            $(fbi.idSelectorPrefix + filterid + ' .checkbox-group input').prop('checked', false);
            updateFilterButtonState(filterid);
            filterTable($(fbb.idSelectorPrefix + filterid).parent('td,th').parent('tr').parent('thead,tbody,tfoot').parent(fb.classSelector));
        });
    }
    function updateFilterButtonState(id) {
        var keyword = $(fbi.idSelectorPrefix + id + ' .input-group input').val();
        var items = $(fbi.idSelectorPrefix + id + ' .checkbox-group input:not(:checked)');
        if (keyword || items.length) {
            $(fbb.idSelectorPrefix + id).addClass(fbb.activeClass);
        } else {
            $(fbb.idSelectorPrefix + id).removeClass(fbb.activeClass);
        }
    }
    function setupFilterable($filterable) {
        $filterable.children('thead,tbody,tfoot').children('tr').children(fbh.classSelector).each(function() {
            filterButtons.push(new FilterButton($(this),filterIdCounter));
            filterInputs.push(new FilterInput(filterIdCounter));
            filterIdCounter++;
        });
    }
    function updateFilterableInputPosition(id) {
        var $filterinput = $(fbi.idSelectorPrefix + id);
        var $filtericon = $(fbb.idSelectorPrefix + id);
        var offset = $filtericon.offset();
        var top = offset.top + $filtericon.height();
        var left = offset.left - ($filterinput.width() / 2);
        var right = left + $filterinput.width();
        var bottom = top + $filterinput.height();
        if (left < 0) {
            left = 0;
        } else if (right > $(document).width()) {
            left = $(document).width() - $filterinput.width();
        }
        if (bottom > $(document).height()) {
            top = $(document).height() - $filterinput.height();
        }
        $filterinput.offset({
            top: top,
            left: left,
        });
    }
    function filterTable($filterabletable) {
        if (window.filterTimeoutId) {
            window.clearTimeout(window.filterTimeoutId);
            window.filterTimeoutId = null ;
        }
        window.filterTimeoutId = window.setTimeout(function() {
            var filters = {};
            $filterabletable.children('thead,tbody,tfoot').children('tr').children('th,td').children(fbb.classSelector).each(function() {
                var index = $(this).parent('th,td').index();
                filters[index] = {};
                var $filterInput = $('#' + $(this).attr('id').replace(fbb.idPrefix, fbi.idPrefix));
                filters[index].items = [];
                $filterInput.find('.checkbox-group input:not(:checked)').each(function() {
                    filters[index].items.push($(this).val());
                });
                filters[index].keyword = $filterInput.find('.input-group input').val().replace(/[.?*+^$[\]\\(){}|-]/g, "\\$&");
            });
            $filterabletable.children('tbody').children('tr').each(function() {
                for (var col in filters) {
                    if (filters.hasOwnProperty(col)) {
                        var $cell = $(this).children('td,th').eq(col);
                        if ($cell.length === 0) {
                        	console.log('Filterable: Cannot find target cell(colspan?), skipping...')
                        	return;
                        }
                        if ($cell.hasClass(fbh.name)) {
                            return;
                        }
                        var keywordRegex = new RegExp(filters[col].keyword,'i');
                        if (!keywordRegex.test($cell.text())) {
                            $(this).hide();
                            return;
                        }
                        for (var item in filters[col].items) {
                            if (filters[col].items[item] == $cell.text()) {
                                $(this).hide();
                                return;
                            }
                        }
                    }
                }
                $(this).show();
            });
        }, 500);
    }
    $(document).ready(function() {
        if ($(fb.classSelector).length === 0) {
            return;
        }
        console.log('Filterable: Loading module...');
        $(fb.classSelector).each(function() {
        	if ($(this).prop('tagName') !== 'TABLE') {
        		console.log('Filterable: Invalid tag found, skipping...');
        		return;
        	}
            setupFilterable($(this));
        });
        
        $(window).resize(function(event) {
            for (var i = 0; i <= filterIdCounter; i++) {
                updateFilterableInputPosition(i);
            }
        });
        $(window).click(function() {
            for (var i = 0; i <= filterIdCounter; i++) {
                if ($(fbi.idSelectorPrefix + i).css('display') !== 'none') {
                    $(fbi.idSelectorPrefix + i).fadeToggle();
                }
            }
        });
    });
}(mediaWiki, jQuery));
/* 黑幕 */
var heimu = document.getElementsByClassName("black-black");
function overMouse(){this.style.color="white"}
function leftMouse(){this.style.color="black"}
for(var i=0;i<heimu.length;i++){
heimu[i].addEventListener("mouseover", overMouse);
heimu[i].addEventListener("mouseleave", leftMouse);}

/* 返回顶部按钮 */
function goTop(min_height) {
    $(".goTop").click(
        function() {
            $('html,body').animate({
                scrollTop: 0
            }, 700);
        });
    //获取页面的最小高度，无传入值则默认为600像素
    min_height=min_height?min_height:400;
    //为窗口的scroll事件绑定处理函数
    $(window).scroll(function() {
        //获取窗口的滚动条的垂直位置
        var s = $(window).scrollTop();
        //当窗口的滚动条的垂直位置大于页面的最小高度时，让返回顶部元素渐现，否则渐隐
        if (s > min_height) {
            $(".goTop").fadeIn(100);
        } else {
            $(".goTop").fadeOut(200);
        }
    });
}
$(function() {
    goTop();
});
/* goTop END */

/**
 * Dynamic Navigation Bars (experimental)
 *
 * Description: See [[Wikipedia:NavFrame]].
 * Maintainers: UNMAINTAINED
 */

/* set up the words in your language */
var collapseCaption = '隐藏';
var expandCaption = '显示';

var NavigationBarHide = '[' + collapseCaption + ']';
var NavigationBarShow = '[' + expandCaption + ']';
var indexNavigationBar = 0;

/**
 * Shows and hides content and picture (if available) of navigation bars
 * Parameters:
 *     indexNavigationBar: the index of navigation bar to be toggled
 **/
window.toggleNavigationBar = function ( indexNavigationBar, event ) {
    var NavToggle = document.getElementById( 'NavToggle' + indexNavigationBar );
    var NavFrame = document.getElementById( 'NavFrame' + indexNavigationBar );
    var NavChild;

    if ( !NavFrame || !NavToggle ) {
        return false;
    }

    /* if shown now */
    if ( NavToggle.firstChild.data === NavigationBarHide ) {
        for ( NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling ) {
            if ( $( NavChild ).hasClass( 'NavContent' ) || $( NavChild ).hasClass( 'NavPic' ) ) {
                NavChild.style.display = 'none';
            }
        }
    NavToggle.firstChild.data = NavigationBarShow;

    /* if hidden now */
    } else if ( NavToggle.firstChild.data === NavigationBarShow ) {
        for ( NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling ) {
            if ( $( NavChild ).hasClass( 'NavContent' ) || $( NavChild ).hasClass( 'NavPic' ) ) {
                NavChild.style.display = 'block';
            }
        }
        NavToggle.firstChild.data = NavigationBarHide;
    }

    event.preventDefault();
};

/* adds show/hide-button to navigation bars */
function createNavigationBarToggleButton( $content ) {
    var NavChild;
    /* iterate over all < div >-elements */
    var $divs = $content.find( 'div' );
    $divs.each( function ( i, NavFrame ) {
        /* if found a navigation bar */
        if ( $( NavFrame ).hasClass( 'NavFrame' ) ) {

            indexNavigationBar++;
            var NavToggle = document.createElement( 'a' );
            NavToggle.className = 'NavToggle';
            NavToggle.setAttribute( 'id', 'NavToggle' + indexNavigationBar );
            NavToggle.setAttribute( 'href', '#' );
            $( NavToggle ).on( 'click', $.proxy( window.toggleNavigationBar, window, indexNavigationBar ) );

            var isCollapsed = $( NavFrame ).hasClass( 'collapsed' );
            /**
             * Check if any children are already hidden.  This loop is here for backwards compatibility:
             * the old way of making NavFrames start out collapsed was to manually add style="display:none"
             * to all the NavPic/NavContent elements.  Since this was bad for accessibility (no way to make
             * the content visible without JavaScript support), the new recommended way is to add the class
             * "collapsed" to the NavFrame itself, just like with collapsible tables.
             */
            for ( NavChild = NavFrame.firstChild; NavChild != null && !isCollapsed; NavChild = NavChild.nextSibling ) {
                if ( $( NavChild ).hasClass( 'NavPic' ) || $( NavChild ).hasClass( 'NavContent' ) ) {
                    if ( NavChild.style.display === 'none' ) {
                        isCollapsed = true;
                    }
                }
            }
            if ( isCollapsed ) {
                for ( NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling ) {
                    if ( $( NavChild ).hasClass( 'NavPic' ) || $( NavChild ).hasClass( 'NavContent' ) ) {
                        NavChild.style.display = 'none';
                    }
                }
            }
            var NavToggleText = document.createTextNode( isCollapsed ? NavigationBarShow : NavigationBarHide );
            NavToggle.appendChild( NavToggleText );

            /* Find the NavHead and attach the toggle link (Must be this complicated because Moz's firstChild handling is borked) */
            for( var j = 0; j < NavFrame.childNodes.length; j++ ) {
                if ( $( NavFrame.childNodes[j] ).hasClass( 'NavHead' ) ) {
                    NavToggle.style.color = NavFrame.childNodes[j].style.color;
                    NavFrame.childNodes[j].appendChild( NavToggle );
                }
            }
            NavFrame.setAttribute( 'id', 'NavFrame' + indexNavigationBar );
        }
    } );
}

mw.hook( 'wikipage.content' ).add( createNavigationBarToggleButton );

//Hide End

//隐藏内容，该部分代码复制自萌娘百科
//阅读更多：https://zh.moegirl.org/MediaWiki:Common.js
//文字内容遵守【知识共享 署名-非商业性使用-相同方式共享 3.0】协议。
//由于mw的锅导致部分文字可能超出#mw-content-text的范围，为这些文字的{{hide}}补上隐藏效果
function missedHideFun(obj) {
	$('<span class="mw-collapsible-toggle"><span class="mw-collapsible-bracket">[</span><a href="javascript:void(0);"/><span class="mw-collapsible-bracket">]</span></span>').appendTo(obj.find('tr:first > :last'));
	obj.find('.mw-collapsible-toggle a').text('隐藏').bind('click', function() {
		var a = $(this).closest('table.mw-collapsible').find('tr').not(':first');
		"none" == a.css("display") ? a.show() && $(this).text("显示") : a.hide() && $(this).text("隐藏");
	});
	obj.filter('.mw-collapsed').find('.mw-collapsible-toggle a').click();
}