MediaWiki:Common.js: Difference between revisions

From Wikimedia Foundation Governance Wiki
Browse history interactively
← Older edit
Content deleted Content added
MZMcBride (talk | contribs)
4,081 edits
added show/hide code, from http://en.wikipedia.org/w/index.php?oldid=321020280
Reedy (talk | contribs)
21 edits
Update foundation url
 
(24 intermediate revisions by 9 users not shown)
Line 1: Line 1:
/**
/* Any JavaScript here will be loaded for all users on every page load. */
* Collapsible tables
var currentTab = 0;
*

* Allows tables to be collapsed, showing only the header. See [[Wikipedia:NavFrame]].
function showHideTabs(tabNo){
var tableNames = new Array("table1","table2","table3","table4","table5");
var tabNames = new Array("Tab1","Tab2","Tab3","Tab4","Tab5");
for (var i = 0; i < tableNames.length; i++) {
if(i==tabNo){
document.getElementById(tableNames[i]).style.display='';
} else {
document.getElementById(tableNames[i]).style.display='none';
document.getElementById(tabNames[i]).style.background='#E9E9C3';
}
}
currentTab = tabNo;
}

function changeColor(tabNo,inOut){
var tabNames = new Array("Tab1","Tab2","Tab3","Tab4","Tab5");
tabObj = document.getElementById(tabNames[tabNo]);
if(currentTab==tabNo){
if(inOut!=0){
tabObj.style.background='#F9F9E3';
}
} else {
if(inOut==0){
tabObj.style.background='#DADAA3';
} else {
tabObj.style.background='#E9E9C3';
}
}
}


/** Collapsible tables *********************************************************
*
*
* @version 2.0.3 (2014-03-14)
* Description: Allows tables to be collapsed, showing only the header. See
* @source https://www.mediawiki.org/wiki/MediaWiki:Gadget-collapsibleTables.js
* [[w:Wikipedia:NavFrame]].
* Maintainers: [[w: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.
*/
*/


var autoCollapse = 2;
var autoCollapse = 2;
var collapseCaption = "hide";
var collapseCaption = 'hide';
var expandCaption = "show";
var expandCaption = 'show';


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 ) {
Line 54: Line 25:


var Rows = Table.rows;
var Rows = Table.rows;
var i;


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


function createCollapseButtons()
function createClickHandler( tableIndex ) {
return function ( e ) {
{
e.preventDefault();
var tableIndex = 0;
collapseTable( tableIndex );
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 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 );
* Code for fundraising Thank You pages

* e.g. https://foundation.wikimedia.org/wiki/Thank_You/en

/** Dynamic Navigation Bars (experimental) *************************************
*
*
* Description: See [[w:Wikipedia:NavFrame]].
* @author: [[User:Pcoombe (WMF)]]
* Maintainers: UNMAINTAINED
*/
*/


if ( mw.config.get('wgPageName').substring(0,9) === 'Thank_You' ) {
// set up the words in your language
var NavigationBarHide = '[' + collapseCaption + ']';
var NavigationBarShow = '[' + expandCaption + ']';


mw.loader.using( 'mediawiki.util', function() {
// shows and hides content and picture (if available) of navigation bars
// Parameters:
// indexNavigationBar: the index of navigation bar to be toggled
function toggleNavigationBar(indexNavigationBar)
{
var NavToggle = document.getElementById("NavToggle" + indexNavigationBar);
var NavFrame = document.getElementById("NavFrame" + indexNavigationBar);


var paymentMethod = mw.util.getParamValue('payment_method'),
if (!NavFrame || !NavToggle) {
country = mw.util.getParamValue('country');
return false;
}


// if shown now
if ( paymentMethod === 'bt' ) {
document.getElementById('ty-banktransfer').style.display = 'block';
if (NavToggle.firstChild.data == NavigationBarHide) {
}
for (var NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling) {
if ( hasClass( NavChild, 'NavPic' ) ) {
if ( paymentMethod === 'bitcoin' ) {
NavChild.style.display = 'none';
document.getElementById('ty-bitcoin').style.display = 'block';
}
}
if ( hasClass( NavChild, 'NavContent') ) {
if ( paymentMethod === 'bpay' ) {
NavChild.style.display = 'none';
document.getElementById('ty-bpay').style.display = 'block';
}
}
}
NavToggle.firstChild.data = NavigationBarShow;


if ( country === 'US' || country === 'CA' ) {
// if hidden now
document.getElementById('ty-store').style.display = 'block';
} else if (NavToggle.firstChild.data == NavigationBarShow) {
for (var NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling) {
if (hasClass(NavChild, 'NavPic')) {
NavChild.style.display = 'block';
}
if (hasClass(NavChild, 'NavContent')) {
NavChild.style.display = 'block';
}
}
}
NavToggle.firstChild.data = NavigationBarHide;
}
}


});
// adds show/hide-button to navigation bars
function createNavigationBarToggleButton()
{
var indexNavigationBar = 0;
// iterate over all < div >-elements
var divs = document.getElementsByTagName("div");
for (var i = 0; NavFrame = divs[i]; i++) {
// if found a navigation bar
if (hasClass(NavFrame, "NavFrame")) {


indexNavigationBar++;
var NavToggle = document.createElement("a");
NavToggle.className = 'NavToggle';
NavToggle.setAttribute('id', 'NavToggle' + indexNavigationBar);
NavToggle.setAttribute('href', 'javascript:toggleNavigationBar(' + indexNavigationBar + ');');

var isCollapsed = hasClass( NavFrame, "collapsed" );
/*
* Check if any children are already hidden. This loop is here for backwards compatibility:
* the old way of making NavFrames start out collapsed was to manually add style="display:none"
* to all the NavPic/NavContent elements. Since this was bad for accessibility (no way to make
* the content visible without JavaScript support), the new recommended way is to add the class
* "collapsed" to the NavFrame itself, just like with collapsible tables.
*/
for (var NavChild = NavFrame.firstChild; NavChild != null && !isCollapsed; NavChild = NavChild.nextSibling) {
if ( hasClass( NavChild, 'NavPic' ) || hasClass( NavChild, 'NavContent' ) ) {
if ( NavChild.style.display == 'none' ) {
isCollapsed = true;
}
}
}
if (isCollapsed) {
for (var NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling) {
if ( hasClass( NavChild, 'NavPic' ) || hasClass( NavChild, 'NavContent' ) ) {
NavChild.style.display = 'none';
}
}
}
var NavToggleText = document.createTextNode(isCollapsed ? NavigationBarShow : NavigationBarHide);
NavToggle.appendChild(NavToggleText);

// Find the NavHead and attach the toggle link (Must be this complicated because Moz's firstChild handling is borked)
for(var j=0; j < NavFrame.childNodes.length; j++) {
if (hasClass(NavFrame.childNodes[j], "NavHead")) {
NavFrame.childNodes[j].appendChild(NavToggle);
}
}
NavFrame.setAttribute('id', 'NavFrame' + indexNavigationBar);
}
}
}
}


/**
addOnloadHook( createNavigationBarToggleButton );
* This throws a "ReferenceError: createCollapseButtons is not defined" in every browser now that the createCollapseButtons function is gone.
* On the other hand, why is this code even here? It's clearly marked as deprecated
* since about four versions ago...
mw.hook( 'wikipage.content' ).add( createCollapseButtons );
*/

Latest revision as of 00:45, 31 July 2018

/**
 * Collapsible tables
 *
 * Allows tables to be collapsed, showing only the header. See  [[Wikipedia:NavFrame]].
 *
 * @version 2.0.3 (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.
 */

var autoCollapse = 2;
var collapseCaption = 'hide';
var expandCaption = 'show';

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

/**
 * Code for fundraising Thank You pages
 * e.g. https://foundation.wikimedia.org/wiki/Thank_You/en
 *
 * @author: [[User:Pcoombe (WMF)]]
 */

if ( mw.config.get('wgPageName').substring(0,9) === 'Thank_You' ) {

    mw.loader.using( 'mediawiki.util', function() {

        var paymentMethod = mw.util.getParamValue('payment_method'),
            country = mw.util.getParamValue('country');

        if ( paymentMethod === 'bt' ) {
            document.getElementById('ty-banktransfer').style.display = 'block';
        }
        if ( paymentMethod === 'bitcoin' ) {
            document.getElementById('ty-bitcoin').style.display = 'block';
        }
        if ( paymentMethod === 'bpay' ) {
            document.getElementById('ty-bpay').style.display = 'block';
        }

        if ( country === 'US' || country === 'CA' ) {
            document.getElementById('ty-store').style.display = 'block';
        }

    });

}

/**
 * This throws a "ReferenceError: createCollapseButtons is not defined" in every browser now that the createCollapseButtons function is gone.
 * On the other hand, why is this code even here? It's clearly marked as deprecated
 * since about four versions ago...
mw.hook( 'wikipage.content' ).add( createCollapseButtons );
 */
Retrieved from "https://foundation.wikimedia.org/w/index.php?title=MediaWiki:Common.js&oldid=116656"