MediaWiki:Common.js

/* Any JavaScript here will be loaded for all users on every page load. */

/** Collapsible tables ********************************************************* * * Description: Allows tables to be collapsed, showing only the header. See *                        http://www.mediawiki.org/wiki/Manual:Collapsible_tables. * Maintainers: en:User:R. Koot */

var autoCollapse = 2; var collapseCaption = 'Hide'; var expandCaption = 'Show';

function collapseTable( tableIndex, tag ) { var tag = tag || "table"; var Button = document.getElementById( 'collapseButton-' + tag + "-" + tableIndex ); var Table = document.getElementById( 'collapsibleTable-' + tag + "-" + tableIndex );

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

if (tag === "table") { var Rows = Table.rows;

if ( Button.firstChild.data == collapseCaption ) { for ( var i = 1; i < Rows.length; i++ ) { 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; } } else { Button.innerText = Table.style.display === "none" ? collapseCaption : expandCaption; Table.style.display = Table.style.display === "none" ? "block" : "none"; } }

function createCollapseButtons(parent, tag) { var tableIndex = 0; var NavigationBoxes = new Object; var parent = parent || document; var tag = tag || "table"; var Tables = parent.getElementsByTagName( tag );

for ( var i = 0; i < Tables.length; i++ ) { if ( hasClass( Tables[i], 'collapsible' ) && !Tables[i].id) { var current_table = Tables[i];

NavigationBoxes[tableIndex] = current_table; current_table.setAttribute( 'id', 'collapsibleTable-' + tag + "-" + tableIndex ); var Button = document.createElement( 'div' ); var ButtonLink = document.createElement( 'a' ); var ButtonText = document.createTextNode( collapseCaption );

Button.className = 'collapseButton'; // Styles are declared in MediaWiki:Common.css Button.style.width = current_table.offsetWidth + "px";

ButtonLink.setAttribute( 'id', 'collapseButton-' + tag + "-" + tableIndex ); ButtonLink.setAttribute( 'href', "javascript:collapseTable(" + tableIndex + ", '" + tag + "');" ); ButtonLink.appendChild( ButtonText );

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

current_table.parentNode.insertBefore( Button, current_table ); tableIndex++; } }

for ( var i = 0; i < tableIndex; i++ ) { if ( hasClass( NavigationBoxes[i], 'collapsed' ) || ( tableIndex >= autoCollapse && hasClass( NavigationBoxes[i], 'autocollapse' ) ) ) { collapseTable( i, tag ); } else if ( hasClass( NavigationBoxes[i], 'innercollapse' ) ) { var element = NavigationBoxes[i]; while ( element = element.parentNode ) { if ( hasClass( element, 'outercollapse' ) ) { collapseTable( i, tag ); break; }     }    }  } }

addOnloadHook( createCollapseButtons ); addOnloadHook( function {  createCollapseButtons(document.getElementById('mw-content-text'), 'div'); });

/** 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 );   };    });

/* GOOGLE FONTS */ WebFontConfig = { google: { families: [ 'IM+Fell+DW+Pica::latin' ] } }; (function {    var wf = document.createElement('script');    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +     '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';    wf.type = 'text/javascript';    wf.async = 'true';    var s = document.getElementsByTagName('script')[0];    s.parentNode.insertBefore(wf, s);  });

/* Embed item template generator */ if ( mw.config.get( 'wgPageName' ) === 'Help:Creating_an_Item_Article') { $(function {       var embedframe = document.createElement('iframe');       embedframe.width = "100%";       embedframe.height = "500";       embedframe.src = '//jsfiddle.net/4otyc0by/10/embedded/result/dark/';       $('#itemgenerator-embed').append(embedframe);    }); }