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:
/**
/* 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:@author [[w: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 ButtonTable = document.getElementById( "collapseButton"'collapsibleTable' + tableIndex );
var Table = document.getElementById( "collapsibleTable" + tableIndex );
 
if ( !Table || !Button ) {
Line 54 ⟶ 25:
 
var Rows = Table.rows;
var i;
 
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;
}
Line 68 ⟶ 40:
}
 
function createCollapseButtonscreateClickHandler( 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@author: See [[wUser:Wikipedia:NavFramePcoombe (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( paymentMethod === 'bt' ) now{
document.getElementById('ty-banktransfer').style.display = 'block';
if (NavToggle.firstChild.data == NavigationBarHide) {
}
for (var NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling) {
if ( hasClass(paymentMethod NavChild,=== 'NavPicbitcoin' ) ) {
NavChilddocument.getElementById('ty-bitcoin').style.display = 'noneblock';
}
if ( hasClass(paymentMethod NavChild,=== 'NavContentbpay') ) {
NavChilddocument.getElementById('ty-bpay').style.display = 'noneblock';
}
}
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"