◆少前百科是非盈利性、非官方的少女前线维基百科。 ◆如果您发现某些内容错误/空缺,请勇于修正/添加!参与进来其实很容易!点这里 加入少前百科。 ◆有任何意见、建议、纠错,欢迎在 GFwiki:反馈与建议 提出和讨论。编辑事务讨论QQ群:597764980,微博@GFwiki少前百科 ◆To foreigners,You can use twitter to contact us. |
“MediaWiki:Common.js”的版本间的差异
Mikumikuer(讨论 | 贡献) |
Mikumikuer(讨论 | 贡献) |
||
第3行: | 第3行: | ||
mw.loader.load("/index.php?title=MediaWiki:Gadget-chibiAnimation.js&action=raw&ctype=text/javascript"); | 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'); | var iconbox = document.querySelectorAll('table.iconbox tr > td:last-child');var iconcontainer = document.querySelectorAll('table.iconbox tr'); | ||
if (iconbox.length == 0) {return;} | if (iconbox.length == 0) {return;} | ||
for (var i = 0; i < iconbox.length; i++) | for (var i = 0; i < iconbox.length; i++) | ||
{ | { | ||
− | var len = iconbox[i].offsetWidth; | + | 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} | var num = Math.floor( len / 80);if(num==0){continue} | ||
for (var j = 0; j < iconbox[i].getElementsByClassName("TDnavbox").length;j += num) {; | for (var j = 0; j < iconbox[i].getElementsByClassName("TDnavbox").length;j += num) {; | ||
第35行: | 第35行: | ||
} | } | ||
} | } | ||
− | }) | + | }) |
/* experimental filterable table function */ | /* experimental filterable table function */ | ||
(function(mw, $) { | (function(mw, $) { |
2019年1月4日 (五) 21:51的版本
/* 这里的任何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();
}