“MediaWiki:Common.js”的版本间的差异

来自汉服百科
跳转至: 导航搜索
(本地化)
 
(未显示2个用户的2个中间版本)
第1行: 第1行:
/** Collapsible tables *********************************************************
+
/**
 +
* Collapsible tables
 
  *
 
  *
  * Description: Allows tables to be collapsed, showing only the header. See
+
  * @version 2.0.2 (2014-03-14)
  *                         http://www.mediawiki.org/wiki/Manual:Collapsible_tables.
+
  * @source https://www.mediawiki.org/wiki/MediaWiki:Gadget-collapsibleTables.js
  * Maintainers: [[en:User:R. Koot]]
+
  * @author [[User:R. Koot]]
 +
* @author [[User:Krinkle]]
 +
* @deprecated Since MediaWiki 1.20: Use class="mw-collapsible" instead which
 +
* is supported in MediaWiki core.
 
  */
 
  */
+
/*global $, mw */
 
var autoCollapse = 2;
 
var autoCollapse = 2;
var collapseCaption = 'hide';
+
var collapseCaption = ' 隱藏';
var expandCaption = 'show';
+
var expandCaption = ' 顯示';
+
 
 
function collapseTable( tableIndex ) {
 
function collapseTable( tableIndex ) {
        var Button = document.getElementById( 'collapseButton' + tableIndex );
+
var Button = document.getElementById( 'collapseButton' + tableIndex );
        var Table = document.getElementById( 'collapsibleTable' + tableIndex );
+
var Table = document.getElementById( 'collapsibleTable' + tableIndex );
+
 
        if ( !Table || !Button ) {
+
if ( !Table || !Button ) {
                return false;
+
return false;
        }
+
}
+
 
        var Rows = Table.rows;
+
var Rows = Table.rows;
+
var i;
        if ( Button.firstChild.data == collapseCaption ) {
+
 
                for ( var i = 1; i < Rows.length; i++ ) {
+
if ( Button.firstChild.data === collapseCaption ) {
                        Rows[i].style.display = 'none';
+
for ( i = 1; i < Rows.length; i++ ) {
                }
+
Rows[i].style.display = 'none';
                Button.firstChild.data = expandCaption;
+
}
        } else {
+
Button.firstChild.data = expandCaption;
                for ( var i = 1; i < Rows.length; i++ ) {
+
} else {
                        Rows[i].style.display = Rows[0].style.display;
+
for ( i = 1; i < Rows.length; i++ ) {
                }
+
Rows[i].style.display = Rows[0].style.display;
                Button.firstChild.data = collapseCaption;
+
}
        }
+
Button.firstChild.data = collapseCaption;
 +
}
 
}
 
}
+
 
 +
function createClickHandler( tableIndex ) {
 +
return function ( e ) {
 +
e.preventDefault();
 +
collapseTable( tableIndex );
 +
};
 +
}
 +
 
 
function createCollapseButtons() {
 
function createCollapseButtons() {
        var tableIndex = 0;
+
var tableIndex = 0;
        var NavigationBoxes = new Object();
+
var NavigationBoxes = {};
        var Tables = document.getElementsByTagName( 'table' );
+
var Tables = document.getElementsByTagName( 'table' );
+
var i;
        for ( var i = 0; i < Tables.length; i++ ) {
+
 
                if ( hasClass( Tables[i], 'collapsible' ) ) {
+
for ( i = 0; i < Tables.length; i++ ) {
+
if ( $( Tables[i] ).hasClass( 'collapsible' ) ) {
                        /* only add button and increment count if there is a header row to work with */
+
/* only add button and increment count if there is a header row to work with */
                        var HeaderRow = Tables[i].getElementsByTagName( 'tr' )[0];
+
var HeaderRow = Tables[i].getElementsByTagName( 'tr' )[0];
                        if ( !HeaderRow ) {
+
if ( !HeaderRow ) {
                                continue;
+
continue;
                        }
+
}
                        var Header = HeaderRow.getElementsByTagName( 'th' )[0];
+
var Header = HeaderRow.getElementsByTagName( 'th' )[0];
                        if ( !Header ) {
+
if ( !Header ) {
                                continue;
+
continue;
                        }
+
}
+
 
                        NavigationBoxes[tableIndex] = Tables[i];
+
NavigationBoxes[tableIndex] = Tables[i];
                        Tables[i].setAttribute( 'id', 'collapsibleTable' + tableIndex );
+
Tables[i].setAttribute( 'id', 'collapsibleTable' + tableIndex );
+
 
                        var Button = document.createElement( 'span' );
+
var Button = document.createElement( 'span' );
                        var ButtonLink = document.createElement( 'a' );
+
var ButtonLink = document.createElement( 'a' );
                        var ButtonText = document.createTextNode( collapseCaption );
+
var ButtonText = document.createTextNode( collapseCaption );
+
// TODO: Declare styles in [[MediaWiki:Gadget-collapsibleTables.css]]
                        Button.className = 'collapseButton'; // Styles are declared in [[MediaWiki:Common.css]]
+
// Button.className = 'collapseButton';
+
Button.style.styleFloat = 'right';
                        ButtonLink.style.color = Header.style.color;
+
Button.style.cssFloat = 'right';
                        ButtonLink.setAttribute( 'id', 'collapseButton' + tableIndex );
+
Button.style.fontWeight = 'normal';
                        ButtonLink.setAttribute( 'href', "javascript:collapseTable(" + tableIndex + ");" );
+
Button.style.textAlign = 'right';
                        ButtonLink.appendChild( ButtonText );
+
Button.style.width = '6em';
+
 
                        Button.appendChild( document.createTextNode( '[' ) );
+
ButtonLink.style.color = Header.style.color;
                        Button.appendChild( ButtonLink );
+
ButtonLink.setAttribute( 'id', 'collapseButton' + tableIndex );
                        Button.appendChild( document.createTextNode( ']' ) );
+
ButtonLink.setAttribute( 'href', '#' );
+
$( ButtonLink ).on( 'click', createClickHandler( tableIndex ) );
                        Header.insertBefore( Button, Header.childNodes[0] );
+
ButtonLink.appendChild( ButtonText );
                        tableIndex++;
+
 
                }
+
Button.appendChild( document.createTextNode( '[' ) );
        }
+
Button.appendChild( ButtonLink );
+
Button.appendChild( document.createTextNode( ']' ) );
        for ( var i = 0; i < tableIndex; i++ ) {
+
 
                if ( hasClass( NavigationBoxes[i], 'collapsed' ) || ( tableIndex >= autoCollapse && hasClass( NavigationBoxes[i], 'autocollapse' ) ) ) {
+
Header.insertBefore( Button, Header.firstChild );
                        collapseTable( i );
+
tableIndex++;
                } else if ( hasClass( NavigationBoxes[i], 'innercollapse' ) ) {
+
}
                        var element = NavigationBoxes[i];
+
}
                        while ( element = element.parentNode ) {
+
 
                                if ( hasClass( element, 'outercollapse' ) ) {
+
for ( i = 0; i < tableIndex; i++ ) {
                                        collapseTable( i );
+
if ( $( NavigationBoxes[i] ).hasClass( 'collapsed' ) ||
                                        break;
+
( tableIndex >= autoCollapse && $( NavigationBoxes[i] ).hasClass( 'autocollapse' ) )
                                }
+
) {
                        }
+
collapseTable( i );
                }
+
}
        }
+
}
 
}
 
}
+
 
addOnloadHook( createCollapseButtons );
+
mw.hook( 'wikipage.content' ).add( createCollapseButtons );
 
/** Test if an element has a certain class **************************************
 
*
 
* Description: Uses regular expressions and caching for better performance.
 
* Maintainers: [[User:Mike Dillon]], [[User:R. Koot]], [[User:SG]]
 
*/
 
 
var hasClass = ( function() {
 
        var reCache = {};
 
        return function( element, className ) {
 
                return ( reCache[className] ? reCache[className] : ( reCache[className] = new RegExp( "(?:\\s|^)" + className + "(?:\\s|$)" ) ) ).test( element.className );
 
        };
 
})();
 

2017年9月25日 (一) 20:59的最新版本

/**
 * Collapsible tables
 *
 * @version 2.0.2 (2014-03-14)
 * @source https://www.mediawiki.org/wiki/MediaWiki:Gadget-collapsibleTables.js
 * @author [[User:R. Koot]]
 * @author [[User:Krinkle]]
 * @deprecated Since MediaWiki 1.20: Use class="mw-collapsible" instead which
 * is supported in MediaWiki core.
 */
/*global $, mw */
var autoCollapse = 2;
var collapseCaption = '隱藏';
var expandCaption = '顯示';

function collapseTable( tableIndex ) {
	var Button = document.getElementById( 'collapseButton' + tableIndex );
	var Table = document.getElementById( 'collapsibleTable' + tableIndex );

	if ( !Table || !Button ) {
		return false;
	}

	var Rows = Table.rows;
	var i;

	if ( Button.firstChild.data === collapseCaption ) {
		for ( i = 1; i < Rows.length; i++ ) {
			Rows[i].style.display = 'none';
		}
		Button.firstChild.data = expandCaption;
	} else {
		for ( i = 1; i < Rows.length; i++ ) {
			Rows[i].style.display = Rows[0].style.display;
		}
		Button.firstChild.data = collapseCaption;
	}
}

function createClickHandler( tableIndex ) {
	return function ( e ) {
		e.preventDefault();
		collapseTable( tableIndex );
	};
}

function createCollapseButtons() {
	var tableIndex = 0;
	var NavigationBoxes = {};
	var Tables = document.getElementsByTagName( 'table' );
	var i;

	for ( i = 0; i < Tables.length; i++ ) {
		if ( $( Tables[i] ).hasClass( 'collapsible' ) ) {
			/* only add button and increment count if there is a header row to work with */
			var HeaderRow = Tables[i].getElementsByTagName( 'tr' )[0];
			if ( !HeaderRow ) {
				continue;
			}
			var Header = HeaderRow.getElementsByTagName( 'th' )[0];
			if ( !Header ) {
				continue;
			}

			NavigationBoxes[tableIndex] = Tables[i];
			Tables[i].setAttribute( 'id', 'collapsibleTable' + tableIndex );

			var Button = document.createElement( 'span' );
			var ButtonLink = document.createElement( 'a' );
			var ButtonText = document.createTextNode( collapseCaption );
 			// TODO: Declare styles in [[MediaWiki:Gadget-collapsibleTables.css]]
			// Button.className = 'collapseButton';
			Button.style.styleFloat = 'right';
			Button.style.cssFloat = 'right';
			Button.style.fontWeight = 'normal';
			Button.style.textAlign = 'right';
			Button.style.width = '6em';

			ButtonLink.style.color = Header.style.color;
			ButtonLink.setAttribute( 'id', 'collapseButton' + tableIndex );
			ButtonLink.setAttribute( 'href', '#' );
			$( ButtonLink ).on( 'click', createClickHandler( tableIndex ) );
			ButtonLink.appendChild( ButtonText );

			Button.appendChild( document.createTextNode( '[' ) );
			Button.appendChild( ButtonLink );
			Button.appendChild( document.createTextNode( ']' ) );

			Header.insertBefore( Button, Header.firstChild );
			tableIndex++;
		}
	}

	for ( i = 0; i < tableIndex; i++ ) {
		if ( $( NavigationBoxes[i] ).hasClass( 'collapsed' ) ||
			( tableIndex >= autoCollapse && $( NavigationBoxes[i] ).hasClass( 'autocollapse' ) )
		) {
			collapseTable( i );
		}
	}
}

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