MediaWiki:Common.js: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 17: | Line 17: | ||
var collapseCaption = 'hide'; | var collapseCaption = 'hide'; | ||
var expandCaption = 'show'; | var expandCaption = 'show'; | ||
var tableIndex = 0; | |||
function collapseTable( tableIndex ) { | function collapseTable( tableIndex ) { | ||
| Line 28: | Line 29: | ||
var Rows = Table.rows; | var Rows = Table.rows; | ||
var i; | var i; | ||
var $row0 = $(Rows[0]); | |||
if ( Button.firstChild.data === collapseCaption ) { | if ( Button.firstChild.data === collapseCaption ) { | ||
| Line 36: | Line 38: | ||
} else { | } else { | ||
for ( i = 1; i < Rows.length; i++ ) { | for ( i = 1; i < Rows.length; i++ ) { | ||
Rows[i].style.display = | Rows[i].style.display = $row0.css( 'display' ); | ||
} | } | ||
Button.firstChild.data = collapseCaption; | Button.firstChild.data = collapseCaption; | ||
| Line 49: | Line 51: | ||
} | } | ||
function createCollapseButtons() { | function createCollapseButtons( $content ) { | ||
var NavigationBoxes = {}; | var NavigationBoxes = {}; | ||
var Tables = | var $Tables = $content.find( 'table' ); | ||
var i; | var i; | ||
$Tables.each( function( i, table ) { | |||
if ( $( | if ( $(table).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 = | var HeaderRow = table.getElementsByTagName( 'tr' )[0]; | ||
if ( !HeaderRow ) { | if ( !HeaderRow ) { | ||
return; | |||
} | } | ||
var Header = | var Header = table.getElementsByTagName( 'th' )[0]; | ||
if ( !Header ) { | if ( !Header ) { | ||
return; | |||
} | } | ||
NavigationBoxes[tableIndex] = | NavigationBoxes[ tableIndex ] = table; | ||
table.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 ); | ||
// Styles are declared in [[MediaWiki:Common.css]] | |||
Button.className = 'collapseButton'; | |||
ButtonLink.style.color = Header.style.color; | ButtonLink.style.color = Header.style.color; | ||
| Line 94: | Line 91: | ||
tableIndex++; | tableIndex++; | ||
} | } | ||
} | } ); | ||
for ( i = 0; i < tableIndex; i++ ) { | for ( i = 0; i < tableIndex; i++ ) { | ||
if ( $( NavigationBoxes[i] ).hasClass( 'collapsed' ) || | if ( $( NavigationBoxes[i] ).hasClass( 'collapsed' ) || | ||
( tableIndex >= autoCollapse && $( NavigationBoxes[i] ).hasClass( 'autocollapse' ) ) | ( tableIndex >= autoCollapse && $( NavigationBoxes[i] ).hasClass( 'autocollapse' ) ) | ||
Revision as of 06:30, 24 June 2020
/* Any JavaScript here will be loaded for all users on every page load. */
/**
* 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 */
mw.loader.load( 'https://prowiki.info/index.php?title=MediaWiki:Poketime.js&action=raw&ctype=text/javascript' );
var autoCollapse = 2;
var collapseCaption = 'hide';
var expandCaption = 'show';
var tableIndex = 0;
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;
var $row0 = $(Rows[0]);
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 = $row0.css( 'display' );
}
Button.firstChild.data = collapseCaption;
}
}
function createClickHandler( tableIndex ) {
return function ( e ) {
e.preventDefault();
collapseTable( tableIndex );
};
}
function createCollapseButtons( $content ) {
var NavigationBoxes = {};
var $Tables = $content.find( 'table' );
var i;
$Tables.each( function( i, table ) {
if ( $(table).hasClass( 'collapsible' ) ) {
/* only add button and increment count if there is a header row to work with */
var HeaderRow = table.getElementsByTagName( 'tr' )[0];
if ( !HeaderRow ) {
return;
}
var Header = table.getElementsByTagName( 'th' )[0];
if ( !Header ) {
return;
}
NavigationBoxes[ tableIndex ] = table;
table.setAttribute( 'id', 'collapsibleTable' + tableIndex );
var Button = document.createElement( 'span' );
var ButtonLink = document.createElement( 'a' );
var ButtonText = document.createTextNode( collapseCaption );
// Styles are declared in [[MediaWiki:Common.css]]
Button.className = 'collapseButton';
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 );
function ppenForm(evt, pokeform) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
document.getElementById(pokeform).style.display = "block";
evt.currentTarget.className += " active";
}