|
|
| (19 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| /* Any JavaScript here will be loaded for all users on every page load. */ | | /* Any JavaScript here will be loaded for all users on every page load. */ |
|
| |
|
| /** Collapsible tables ********************************************************* | | /** |
| | * Adds CSS classes to the body tag based on the categories this page belongs to |
| * | | * |
| * Description: Allows tables to be collapsed, showing only the header. See | | * @source https://www.mediawiki.org/wiki/Snippets/Style_pages_based_on_categories |
| * http://www.mediawiki.org/wiki/Manual:Collapsible_tables.
| | * @revision 2016-01-18 |
| * Maintainers: [[en:User:R. Koot]] | |
| */ | | */ |
|
| | (function($, mw) { |
| var autoCollapse = 2;
| | var fn = function() { |
| var collapseCaption = 'hide';
| | var cats = mw.config.get('wgCategories'), newClasses; |
| var expandCaption = 'show';
| | if (cats) { |
|
| | newClasses = $.map(cats, function(el) { |
| function collapseTable( tableIndex ) { | | return 'cat-' + encodeURIComponent(el.replace(/[ .]/g, '_')).replace(/%/g, '_'); |
| var Button = document.getElementById( 'collapseButton' + tableIndex );
| | }).join(' '); |
| var Table = document.getElementById( 'collapsibleTable' + tableIndex );
| | $(document.body).addClass(newClasses); |
|
| | } |
| if ( !Table || !Button ) {
| | }; |
| return false;
| | if (document.body) { |
| }
| | fn(); |
|
| | } |
| var Rows = Table.rows;
| | else { |
|
| | $(fn); |
| if ( Button.firstChild.data == collapseCaption ) {
| | } |
| for ( var i = 1; i < Rows.length; i++ ) {
| | })(jQuery, mw); |
| Rows[i].style.display = 'none';
| |
| }
| |
| Button.firstChild.data = expandCaption;
| |
| } else {
| |
| for ( var i = 1; i < Rows.length; i++ ) {
| |
| Rows[i].style.display = Rows[0].style.display;
| |
| }
| |
| Button.firstChild.data = collapseCaption;
| |
| }
| |
| }
| |
|
| |
| function createCollapseButtons() {
| |
| var tableIndex = 0;
| |
| var NavigationBoxes = new Object();
| |
| var Tables = document.getElementsByTagName( 'table' );
| |
|
| |
| for ( var i = 0; i < Tables.length; i++ ) {
| |
| if ( hasClass( Tables[i], '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 );
| |
|
| |
| Button.className = 'collapseButton'; // Styles are declared in [[MediaWiki:Common.css]]
| |
|
| |
| ButtonLink.style.color = Header.style.color;
| |
| ButtonLink.setAttribute( 'id', 'collapseButton' + tableIndex );
| |
| ButtonLink.setAttribute( 'href', "javascript:collapseTable(" + tableIndex + ");" );
| |
| ButtonLink.appendChild( ButtonText );
| |
|
| |
| Button.appendChild( document.createTextNode( '[' ) );
| |
| Button.appendChild( ButtonLink );
| |
| Button.appendChild( document.createTextNode( ']' ) );
| |
|
| |
| Header.insertBefore( Button, Header.childNodes[0] );
| |
| tableIndex++;
| |
| }
| |
| }
| |
|
| |
| for ( var i = 0; i < tableIndex; i++ ) {
| |
| if ( hasClass( NavigationBoxes[i], 'collapsed' ) || ( tableIndex >= autoCollapse && hasClass( NavigationBoxes[i], 'autocollapse' ) ) ) {
| |
| collapseTable( i );
| |
| } else if ( hasClass( NavigationBoxes[i], 'innercollapse' ) ) {
| |
| var element = NavigationBoxes[i];
| |
| while ( element = element.parentNode ) {
| |
| if ( hasClass( element, 'outercollapse' ) ) {
| |
| collapseTable( i );
| |
| break;
| |
| }
| |
| }
| |
| }
| |
| }
| |
| }
| |
|
| |
| addOnloadHook( 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 );
| |
| };
| |
| })(); | |
