• New article from the Springfield Shopper: Season 36 News: The Scheduled air date for “Abe League of Their Moe” has been revealed!
  • Wikisimpsons needs more Featured Article, Picture, Quote, Episode and Comprehensive article nominations!
  • Wikisimpsons has a Discord server! Click here for your invite! Join to talk about the wiki, Simpsons and Tapped Out news, or just to talk to other users.
  • Make an account! It's easy, free, and your work on the wiki can be attributed to you.
TwitterFacebookDiscord

Difference between revisions of "MediaWiki:Common.js"

Wikisimpsons - The Simpsons Wiki
Line 14: Line 14:
 
/** Collapsible tables *********************************************************
 
/** Collapsible tables *********************************************************
 
  *
 
  *
  * Description: Allows tables to be collapsed, showing only the header.
+
  * Description: Allows tables to be collapsed, showing only the header. See
  * See [[wikipedia:Wikipedia:NavFrame]].
+
  *                         http://www.mediawiki.org/wiki/Manual:Collapsible_tables.
 +
*  Maintainers: [[en:User:R. Koot]]
 
  */
 
  */
 
+
 
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 ) {
return false;
+
                return false;
}
+
        }
 
+
var Rows = Table.rows;
+
        var Rows = Table.rows;
 
+
if ( Button.firstChild.data == collapseCaption ) {
+
        if ( Button.firstChild.data == collapseCaption ) {
for ( var i = 1; i < Rows.length; i++ ) {
+
                for ( var 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 ( var i = 1; i < Rows.length; i++ ) {
Rows[i].style.display = Rows[0].style.display;
+
                        Rows[i].style.display = Rows[0].style.display;
}
+
                }
Button.firstChild.data = collapseCaption;
+
                Button.firstChild.data = collapseCaption;
}
+
        }
 
}
 
}
 
+
 
function createCollapseButtons() {
 
function createCollapseButtons() {
var tableIndex = 0;
+
        var tableIndex = 0;
var NavigationBoxes = new Object();
+
        var NavigationBoxes = new Object();
var Tables = document.getElementsByTagName( 'table' );
+
        var Tables = document.getElementsByTagName( 'table' );
 
+
for ( var i = 0; i < Tables.length; i++ ) {
+
        for ( var i = 0; i < Tables.length; i++ ) {
if ( hasClass( Tables[i], 'collapsible' ) ) {
+
                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];
+
                        /* only add button and increment count if there is a header row to work with */
if ( !HeaderRow ) {
+
                        var HeaderRow = Tables[i].getElementsByTagName( 'tr' )[0];
continue;
+
                        if ( !HeaderRow ) {
}
+
                                continue;
var Header = HeaderRow.getElementsByTagName( 'th' )[0];
+
                        }
if ( !Header ) {
+
                        var Header = HeaderRow.getElementsByTagName( 'th' )[0];
continue;
+
                        if ( !Header ) {
}
+
                                continue;
 
+
                        }
NavigationBoxes[tableIndex] = Tables[i];
+
Tables[i].setAttribute( 'id', 'collapsibleTable' + tableIndex );
+
                        NavigationBoxes[tableIndex] = Tables[i];
 
+
                        Tables[i].setAttribute( 'id', 'collapsibleTable' + tableIndex );
var Button = document.createElement( 'span' );
+
var ButtonLink = document.createElement( 'a' );
+
                        var Button = document.createElement( 'span' );
var ButtonText = document.createTextNode( collapseCaption );
+
                        var ButtonLink = document.createElement( 'a' );
 
+
                        var ButtonText = document.createTextNode( collapseCaption );
Button.style.styleFloat = 'right';
+
Button.style.cssFloat = 'right';
+
                        Button.className = 'collapseButton'; // Styles are declared in [[MediaWiki:Common.css]]
Button.style.fontWeight = 'normal';
+
Button.style.textAlign = 'right';
+
                        ButtonLink.style.color = Header.style.color;
Button.style.width = '6em';
+
                        ButtonLink.setAttribute( 'id', 'collapseButton' + tableIndex );
 
+
                        ButtonLink.setAttribute( 'href', "javascript:collapseTable(" + tableIndex + ");" );
ButtonLink.style.color = Header.style.color;
+
                        ButtonLink.appendChild( ButtonText );
ButtonLink.setAttribute( 'id', 'collapseButton' + tableIndex );
+
ButtonLink.setAttribute( 'href', 'javascript:collapseTable(' + tableIndex + ');' );
+
                        Button.appendChild( document.createTextNode( '[' ) );
ButtonLink.appendChild( ButtonText );
+
                        Button.appendChild( ButtonLink );
 
+
                        Button.appendChild( document.createTextNode( ']' ) );
Button.appendChild( document.createTextNode( '[' ) );
+
Button.appendChild( ButtonLink );
+
                        Header.insertBefore( Button, Header.childNodes[0] );
Button.appendChild( document.createTextNode( ']' ) );
+
                        tableIndex++;
 
+
                }
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 );
for ( var i = 0;  i < tableIndex; i++ ) {
+
                } else if ( hasClass( NavigationBoxes[i], 'innercollapse' ) ) {
if (
+
                        var element = NavigationBoxes[i];
hasClass( NavigationBoxes[i], 'collapsed' ) ||
+
                        while ( element = element.parentNode ) {
( tableIndex >= autoCollapse && hasClass( NavigationBoxes[i], 'autocollapse' ) )
+
                                if ( hasClass( element, 'outercollapse' ) ) {
)
+
                                        collapseTable( i );
{
+
                                        break;
collapseTable( i );
+
                                }
}
+
                        }
}
+
                }
 +
        }
 
}
 
}
 
+
 
addOnloadHook( createCollapseButtons );
 
addOnloadHook( createCollapseButtons );
 +
 +
/** 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 );
 +
        };
  
/*
 
    Source: http://www.dustindiaz.com/getelementsbyclass/
 
    getElementsByClass, which complements getElementById and getElementsByTagName, returns an array of all subelements of ''node'' that are tagged with a specific CSS class (''searchClass'') and are of the tag name ''tag''. If tag is null, it searches for any suitable elements regardless of the tag name.
 
    Example: getElementsByClass('infobox', document.getElementById('content'), 'div') selects the same elements as the CSS declaration #content div.infobox
 
*/
 
function getElementsByClass( searchClass, node, tag ) {
 
var classElements = new Array();
 
 
if( node == null ) {
 
node = document;
 
}
 
 
if( tag == null ) {
 
tag = '*';
 
}
 
 
var els = node.getElementsByTagName( tag );
 
var elsLen = els.length;
 
var tester = new ClassTester( searchClass );
 
 
for( i = 0, j = 0; i < elsLen; i++ ) {
 
if( tester.isMatch( els[i] ) ) {
 
classElements[j] = els[i];
 
j++;
 
}
 
}
 
 
return classElements;
 
}
 
 
function ClassTester( className ) {
 
this.regex = new RegExp( "(^|\\s)" + className + "(\\s|$)" );
 
}
 
 
ClassTester.prototype.isMatch = function( element ) {
 
return this.regex.test( element.className );
 
}
 
/* end getElementsByClass */
 
 
/** Username replace function ([[template:USERNAME]]) *******************************
 
  * Inserts user name into <span class="insertusername"></span>
 
  */
 
function UserNameReplace() {
 
if( typeof( disableUsernameReplace ) != 'undefined' && disableUsernameReplace || wgUserName == null ) {
 
return;
 
    }
 
var spans = getElementsByClass( 'insertusername', null, 'span' );
 
 
for( var i = 0; i < spans.length; i++ ) {
 
spans[i].innerHTML = wgUserName;
 
}
 
}
 
addOnloadHook( UserNameReplace );
 
  
 
// **************************************************
 
// **************************************************

Revision as of 19:30, January 27, 2012

/* Any JavaScript here will be loaded for all users on every page load. */
//<pre>
/** Test if an element has a certain class **************************************
 *
 * Description: Uses regular expressions and caching for better performance.
 */
var hasClass = ( function() {
	var reCache = {};
	return function( element, className ) {
		return ( reCache[className] ? reCache[className] : ( reCache[className] = new RegExp( "(?:\\s|^)" + className + "(?:\\s|$)" ) ) ).test( element.className );
	};
})();

/** 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 ) {
        var Button = document.getElementById( 'collapseButton' + tableIndex );
        var Table = document.getElementById( 'collapsibleTable' + tableIndex );
 
        if ( !Table || !Button ) {
                return false;
        }
 
        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;
        }
}
 
function createCollapseButtons() {
        var tableIndex = 0;
        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 [[MediaWiki: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 );
 
/** 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 );
        };


// **************************************************
// Experimental JavaScript countdown timer (Splarka)
// Version 0.0.3
// **************************************************
//
// Usage example:
//  <span class="countdown" style="display:none;">
//  Only <span class="countdowndate">January 01 2007 00:00:00 PST</span> until New years.
//  </span>
//  <span class="nocountdown">JavaScript disabled.</span>
function updatetimer( i ) {
	var now = new Date();
	var then = timers[i].eventdate;
	var diff = count = Math.floor( ( then.getTime() - now.getTime( ) ) / 1000 );

	// catch bad date strings
	if( isNaN( diff ) ) {
		timers[i].firstChild.nodeValue = '** ' + timers[i].eventdate + ' **';
		return;
	}

	// determine plus/minus
	if( diff < 0 ) {
		diff = -diff;
		var tpm = ' ';
	} else {
		var tpm = ' ';
	}

	// calcuate the diff
	var left = ( diff % 60 ) + ' seconds';
	diff = Math.floor( diff / 60 );
	if( diff > 0 ) {
		left = ( diff % 60 ) + ' minutes ' + left;
	}
	diff = Math.floor( diff / 60 );
	if( diff > 0 ) {
		left = ( diff % 24 ) + ' hours ' + left;
	}
	diff = Math.floor( diff / 24 );
	if( diff > 0 ) {
		left = diff + ' days ' + left;
	}
	timers[i].firstChild.nodeValue = tpm + left;

	// a setInterval() is more efficient, but calling setTimeout()
	// makes errors break the script rather than infinitely recurse
	timeouts[i] = setTimeout( 'updatetimer(' + i + ')', 1000 );
}

function checktimers() {
	// hide 'nocountdown' and show 'countdown'
	var nocountdowns = getElementsByClassName( document, 'span', 'nocountdown' );
	for( var i in nocountdowns ) {
		nocountdowns[i].style.display = 'none';
	}
	var countdowns = getElementsByClassName( document, 'span', 'countdown' );
	for( var i in countdowns ) {
		countdowns[i].style.display = 'inline';
	}

	// set up global objects timers and timeouts.
	timers = getElementsByClassName( document, 'span', 'countdowndate' ); // global
	timeouts = new Array(); // generic holder for the timeouts, global
	if( timers.length == 0 ) {
		return;
	}
	for( var i in timers ) {
		timers[i].eventdate = new Date( timers[i].firstChild.nodeValue );
		updatetimer( i ); // start it up
	}
}
addOnloadHook( checktimers );

// **************************************************
//  - end -  Experimental JavaScript countdown timer
// **************************************************

/* Returns h1.firstHeading (the page title element). */
function getFirstHeading() {
	var elements = getElementsByClass( 'firstHeading', document.getElementById( 'content' ), 'h1' );
	return ( elements != null && elements.length > 0 ) ? elements[0] : null;
}

// BEGIN JavaScript title rewrite
// requires getFirstHeading() and getElementsByClass() and its dependencies
function rewriteTitle() {
	if( typeof( window.SKIP_TITLE_REWRITE ) != 'undefined' && window.SKIP_TITLE_REWRITE ) {
		return;
	}
 
	var titleDiv = document.getElementById( 'title-meta' );
 
	if( titleDiv == null ) {
		return;
	}
 
	var cloneNode = titleDiv.cloneNode( true );
	var firstHeading = getFirstHeading();
	var node = firstHeading.childNodes[0];
 
	// new, then old!
	firstHeading.replaceChild( cloneNode, node );
	cloneNode.style.display = 'inline';
 
	var titleAlign = document.getElementById( 'title-align' );
	firstHeading.style.textAlign = titleAlign.childNodes[0].nodeValue;
}
addOnloadHook( rewriteTitle );
// END JavaScript title rewrite

// --------------------------------------------------------
// addSubpages
// adds a 'subpages' link to the toolbox bar (excludes File, MediaWiki and Category namespaces)
// --------------------------------------------------------
addOnloadHook(function () {
  var NSWithoutSubpages = new Array(-1, 6, 8, 14);
  if (document.getElementById('p-tb') && NSWithoutSubpages.indexOf(wgNamespaceNumber) == -1)
    {
    var linkSubpages = '/wiki/Special:PrefixIndex/' + wgPageName + '/';
    addPortletLink('p-tb', linkSubpages, 'Subpages', 't-subpages', 'Subpages of this page');
    }
});
//


// --------------------------------------------------------
// addUserActivityLog
// adds a 'user activity log' link to the toolbox bar
// --------------------------------------------------------
addOnloadHook(function () {
  if((wgUserGroups.indexOf("ServerManager") != -1 || wgUserGroups.indexOf("WikiHead") != -1) && (wgNamespaceNumber == 2 || wgNamespaceNumber == 3)){
    var linkUserLog = '../network/director.php?form_action=View%20User%20Daily%20Activity&user_activity_log=' + wgTitle; 
    addPortletLink('p-tb', linkUserLog, 'User Activity Log', 't-userlog', 'View user daily activity');
  }
});
//