Wolk: Testing.

2025-05-03T12:34:26Z

Testing.

New page

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

/***** Tabs for infoboxes.
There can be up to four main tabs, each of which can have up 4 subtabs. They are named like this:
1, 1b, 1c, 1d
2, 2b, 2c, 2d
3, 3b, 3c, 3d
4, 4b, 4c, 4d *****/

// in the beginning set the height of each infobox container to the height of its tallest infobox, hide all the infoboxes, show the start infobox
$( '.infobox-container' ).each( function() {
var infoboxContainer = $( this );
var startInfobox = infoboxContainer.children( '.infobox' + infoboxContainer.attr( 'data-start-infobox' ) )[0]; // get the start infobox (which is specified in the .infobox-container's "data-start-infobox" attribute)
var maxHeight = 0; // can't do infoboxContainer.height(); as the starting value since currently the infoboxContainer has all the boxes visible, so it could be super tall!
infoboxContainer.children( '.infobox' ).each( function() { // iterate through all the infoboxes
if ( maxHeight < $( this ).outerHeight() ) { // if this infobox is taller than the container
maxHeight = $( this ).outerHeight();
}
$( this ).hide().css( 'height', '100%' ); // hide the infobox (if JS is disabled, we want everything to be visible, so we only hide stuff if JS is enabled), have it fill the container
} );
infoboxContainer.css( 'height', maxHeight ); // set the container's height to this infobox's height
$( startInfobox ).show(); // show the start infobox
} );

// show the appropriate infobox when a tab is clicked
$( '.infobox-tab' ).click( function() {
var infoboxContainer = $( this ).closest( '.infobox-container' ); // find the appropriate .infobox-container
var infoboxToShow = infoboxContainer.children( '.infobox' + $( this ).attr( 'data-target' ) ); // get the infobox we want to show (which is specified in the tab's "data-target" attribute)
infoboxContainer.children( '.infobox' ).hide().css( "height", "100%" ); // hide all the infoboxes
$( infoboxToShow ).show(); // show the infobox we want to show
} );

MediaWiki:Common.js - Revision history

Wolk: Testing.