• 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
(fixes and coding style tweaks)
 
(70 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
/* Any JavaScript here will be loaded for all users on every page load. */
 
/* Any JavaScript here will be loaded for all users on every page load. */
 
//<pre>
 
//<pre>
///////////////////////////////////////////////////////////////////////////////////////////////////////////
+
/** Test if an element has a certain class **************************************
// ADVANCED AJAX AUTO-REFRESHING ARTICLES
+
  *
// Code courtesy of "pcj" of WoWWiki.
+
  * Description: Uses regular expressions and caching for better performance.
// Coding style fixes & code comments by Jack Phoenix <jack@countervandalism.net>
 
// Date: 7 October 2010
 
///////////////////////////////////////////////////////////////////////////////////////////////////////////
 
 
 
// Array of special pages where AJAX RC is active.
 
// Use *canonical* names (see page source, the value of wgCanonicalSpecialPageName if you don't know it)
 
ajaxPages = [ 'Recentchanges', 'Watchlist', 'Log' ];
 
 
 
// Internationalizable texts, courtesy of wikia:User:Grunny
 
var refreshText = 'Automatically refresh:';
 
if( typeof AjaxRCRefreshText == 'string' ) {
 
refreshText = AjaxRCRefreshText;
 
}
 
 
 
var refreshHover = 'Enable auto-refreshing page loads';
 
if( typeof AjaxRCRefreshHoverText == 'string' ) {
 
refreshHover = AjaxRCRefreshHoverText;
 
}
 
 
 
/**
 
* Sets a cookie with the given options
 
* @param c_name String: name of the cookie to set
 
* @param value String: 'on' or 'off'
 
* @param expiredays Integer: The cookie expires after this many days
 
*/
 
function setCookie( c_name, value, expiredays ) {
 
var exdate = new Date();
 
exdate.setDate( exdate.getDate() + expiredays );
 
document.cookie = c_name + '=' + escape( value ) + ( ( expiredays === null ) ? '' : ';expires=' + exdate.toGMTString() );
 
}
 
 
 
/**
 
  * Gets a cookie with the specified name
 
  * @param c_name String: cookie name
 
* @return Cookie name or nothing
 
 
  */
 
  */
function getCookie( c_name ) {
+
var hasClass = ( function() {
if( document.cookie.length > 0 ) {
+
var reCache = {};
c_start = document.cookie.indexOf( c_name + '=' );
+
return function( element, className ) {
if( c_start != -1 ) {
+
return ( reCache[className] ? reCache[className] : ( reCache[className] = new RegExp( "(?:\\s|^)" + className + "(?:\\s|$)" ) ) ).test( element.className );
c_start = c_start + c_name.length + 1;
+
};
c_end = document.cookie.indexOf( ';', c_start );
+
})();
if( c_end == -1 ) {
 
c_end = document.cookie.length;
 
}
 
return unescape( document.cookie.substring( c_start, c_end ) );
 
}
 
}
 
return '';
 
}
 
 
 
// @todo FIXME: use MediaWiki's AJAX framework?
 
function getXmlHttpRequestObject() {
 
if( window.XMLHttpRequest ) {
 
return new XMLHttpRequest(); // Not Internet Explorer
 
} else if( window.ActiveXObject ) {
 
return new ActiveXObject( "Microsoft.XMLHTTP" ); // Internet Explorer
 
} else {
 
// fail silently
 
}
 
}
 
 
 
getRCDataRO = getXmlHttpRequestObject();
 
var cr = new RegExp( "\r", 'gm' );
 
var lf = new RegExp( "\n", 'gm' );
 
var endText = new RegExp( '</div>[\t\s]*?<!-- end content -->[\t\s]*?<div class="visualClear">', 'mi' );
 
var rcTimer;
 
var rcRefresh = 60000;
 
 
 
function preloadAJAXRC() {
 
if( skin == 'monaco' ) {
 
s = 1;
 
} else {
 
s = 0;
 
}
 
 
 
ajaxRCCookie = ( getCookie( 'ajaxload-' + wgPageName ) == 'on' ) ? true : false;
 
document.getElementsByTagName( 'h1' )[0].innerHTML += ' <span style="font-size: xx-small; border-bottom: 1px dotted; cursor:help;" title="' + refreshHover + '">' + refreshText + '</span><input type="checkbox" id="ajaxRCtoggle" onClick="toggleRC();">';
 
document.getElementById( 'ajaxRCtoggle' ).checked = ajaxRCCookie;
 
if( getCookie( 'ajaxload-' + wgPageName ) == 'on' ) {
 
loadRCData();
 
}
 
}
 
 
 
function toggleRC() {
 
if( document.getElementById( 'ajaxRCtoggle' ).checked === true ) {
 
setCookie( 'ajaxload-' + wgPageName, 'on', 30 );
 
loadRCData();
 
} else {
 
setCookie( 'ajaxload-' + wgPageName, 'off', 30 );
 
clearTimeout( rcTimer );
 
}
 
}
 
 
 
function loadRCData() {
 
if( getRCDataRO.readyState == 4 || getRCDataRO.readyState === 0 ) {
 
if( location.href.indexOf( '/wiki/' ) ) {
 
rcURL = 'http://' + location.hostname + '/wiki/' + wgPageName + location.search;
 
} else {
 
rcURL = 'http://' + location.hostname + '/' + wgPageName + location.search;
 
}
 
 
 
getRCDataRO.open( 'GET', rcURL, true );
 
getRCDataRO.onreadystatechange = parseRCdata;
 
getRCDataRO.send( null );
 
}
 
}
 
 
 
function parseRCdata() {
 
if( getRCDataRO.readyState == 4 ) {
 
textFilter = new RegExp( '<div id="bodyContent">.*?</div>[\t\s]*?<!-- end content -->[\t\s]*?<div class="visualClear">', 'i' );
 
rawRCdata = getRCDataRO.responseText.replace( cr, '' ).replace( lf, '' );
 
filteredRCdata = textFilter.exec( rawRCdata );
 
updatedText = filteredRCdata[0].replace( '<div id="bodyContent">', '' ).replace( endText, '' );
 
document.getElementById( 'bodyContent' ).innerHTML = updatedText;
 
rcTimer = setTimeout( 'loadRCData();', rcRefresh );
 
}
 
}
 
 
 
// Only load this JS for certain, pre-defined special pages
 
for( x in ajaxPages ) {
 
if( wgCanonicalSpecialPageName == ajaxPages[x] ) {
 
addOnloadHook( preloadAJAXRC );
 
}
 
}
 
///////////////////////////////////////////////////////////////////////////////////////////////////////////
 
// END OF AJAX AUTO-REFRESH
 
///////////////////////////////////////////////////////////////////////////////////////////////////////////
 
  
 
/*
 
/*
Line 164: Line 43:
  
 
function ClassTester( className ) {
 
function ClassTester( className ) {
this.regex = new RegExp("(^|\\s)" + className + "(\\s|$)");
+
this.regex = new RegExp( "(^|\\s)" + className + "(\\s|$)" );
 
}
 
}
  
Line 185: Line 64:
 
}
 
}
 
}
 
}
addOnloadHook( UserNameReplace );
+
jQuery( document ).ready( UserNameReplace );
 +
 
  
// **************************************************
+
/* Returns h1.firstHeading (the page title element). */
// Experimental JavaScript countdown timer (Splarka)
+
function getFirstHeading() {
// Version 0.0.3
+
var elements = getElementsByClass( 'firstHeading', document.getElementById( 'content' ), 'h1' );
// **************************************************
+
return ( elements != null && elements.length > 0 ) ? elements[0] : null;
//
+
}
// 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
+
// BEGIN JavaScript title rewrite
if( isNaN( diff ) ) {
+
// requires getFirstHeading() and getElementsByClass() and its dependencies
timers[i].firstChild.nodeValue = '** ' + timers[i].eventdate + ' **';
+
function rewriteTitle() {
 +
if( typeof( window.SKIP_TITLE_REWRITE ) != 'undefined' && window.SKIP_TITLE_REWRITE ) {
 +
return;
 +
}
 +
 +
var titleDiv = document.getElementById( 'title-meta' );
 +
 +
if( titleDiv == null ) {
 
return;
 
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;
 +
}
 +
jQuery( document ).ready( rewriteTitle );
 +
// END JavaScript title rewrite
  
// determine plus/minus
+
// --------------------------------------------------------
if( diff < 0 ) {
+
// addSubpages
diff = -diff;
+
// adds a 'subpages' link to the toolbox bar (excludes File, MediaWiki and Category namespaces)
var tpm = ' ';
+
// --------------------------------------------------------
} else {
+
jQuery( document ).ready( function( $ ) {
var tpm = ' ';
+
  var NSWithoutSubpages = new Array(-1, 6, 8, 14);
}
+
  if (document.getElementById('p-tb') && NSWithoutSubpages.indexOf(wgNamespaceNumber) == -1)
 +
    {
 +
    var linkSubpages = '/wiki/Special:PrefixIndex/' + wgPageName + '/';
 +
    mw.util.addPortletLink('p-tb', linkSubpages, 'Subpages', 't-subpages', 'Subpages of this page');
 +
    }
 +
} );
 +
//
  
// 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
+
// addUserActivityLog
timeouts[i] = setTimeout( 'updatetimer(' + i + ')', 1000 );
+
// adds a 'user activity log' link to the toolbox bar
}
+
// --------------------------------------------------------
 +
jQuery( document ).ready( 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;
 +
    mw.util.addPortletLink('p-tb', linkUserLog, 'User Activity Log', 't-userlog', 'View user daily activity');
 +
  }
 +
} );
 +
//
  
function checktimers() {
+
// *****************************************************************
// hide 'nocountdown' and show 'countdown'
+
// &bot=1 on contribs pages (Special:Contributions/Foo).
var nocountdowns = getElementsByClassName( document, 'span', 'nocountdown' );
+
// *****************************************************************
for( var i in nocountdowns ) {
+
function hideRollback() {
nocountdowns[i].style.display = 'none';
+
var botlink = document.location.href;
}
+
if( botlink.indexOf( '?' ) == -1 ) {
var countdowns = getElementsByClassName( document, 'span', 'countdown' );
+
botlink += '?bot=1';
for( var i in countdowns ) {
+
} else {
countdowns[i].style.display = 'inline';
+
botlink += '&bot=1';
 
}
 
}
 +
mw.util.addPortletLink( 'p-cactions', botlink, '&bot=1', 'ca-bot' );
 +
}
 +
if( wgCanonicalSpecialPageName == 'Contributions' ) {
 +
jQuery( document ).ready( hideRollback );
 +
}
  
//set up global objects timers and timeouts.
+
/* Auto-refresh button on Special:RecentChanges from mariowiki.com */
timers = getElementsByClassName( document, 'span', 'countdowndate' ); // global
+
function setCookie(c_name, value, expiredays) {
timeouts = new Array(); // generic holder for the timeouts, global
+
var exdate = new Date();
if( timers.length == 0 ) {
+
exdate.setDate(exdate.getDate() + expiredays);
return;
+
document.cookie = c_name + "=" + escape(value) + ((expiredays == null) ? "" : ";expires=" + exdate.toGMTString());
 +
}
 +
function getCookie(c_name) {
 +
if (document.cookie.length > 0) {
 +
c_start = document.cookie.indexOf(c_name + "=");
 +
if (c_start != -1) {
 +
c_start = c_start + c_name.length + 1;
 +
c_end = document.cookie.indexOf(";", c_start);
 +
if (c_end == -1) c_end = document.cookie.length;
 +
return unescape(document.cookie.substring(c_start, c_end));
 +
}
 
}
 
}
for( var i in timers ) {
+
return "";
timers[i].eventdate = new Date( timers[i].firstChild.nodeValue );
+
}
updatetimer( i ); // start it up
+
var ajaxPages = new Array("Special:RecentChanges");
 +
var ajaxRCOverride = false;
 +
var rcRefresh = 15000;
 +
function ajaxRC() {
 +
appTo = $(".mw-specialpage-summary");
 +
appTo.append('&nbsp;<span style="position:absolute; right:40px;"><span style="position:relative; top:-45px;"><span style="position:relative; top:-12px; right:-15px;" id="autoRefreshProgress"><img src="/images/loader.gif" border="0" alt=" " /></span><span style="font-size: xx-small; cursor:help;" title="Automatically refresh the current page every ' + Math.floor(rcRefresh / 1000) + ' seconds">AUTO-REFRESH:</span><input type="checkbox" id="autoRefreshToggle"></span></span>');
 +
$("#autoRefreshToggle").click(function () {
 +
setCookie("ajaxRC", $("#autoRefreshToggle").is(":checked") ? "on" : "off")
 +
loadRCData()
 +
});
 +
$("#autoRefreshProgress").hide();
 +
if (getCookie("ajaxRC") == "on" || ajaxRCOverride) {
 +
$("#autoRefreshToggle").attr("checked", "checked");
 +
setTimeout("loadRCData();", rcRefresh);
 
}
 
}
 
}
 
}
addOnloadHook( checktimers );
+
function loadRCData() {
 
+
if (!$("#autoRefreshToggle").is(":checked")) return;
// **************************************************
+
$('#autoRefreshProgress').show()
//  - end -  Experimental JavaScript countdown timer
+
$(article).load(location.href + " " + article + " > *", function (data) {
// **************************************************
+
$(article + " .mw-collapsible").makeCollapsible();
 +
$('#autoRefreshProgress').hide()
 +
if ($("#autoRefreshToggle").is(":checked")) setTimeout("loadRCData();", rcRefresh);
 +
});
 +
}
 +
$(function () {
 +
article = "#bodyContent";
 +
for (x in ajaxPages) {
 +
if (wgPageName == ajaxPages[x] && $("#autoRefreshToggle").length == 0) ajaxRC();
 +
}
 +
});

Latest revision as of 12:03, August 27, 2017

/* 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 );
	};
})();

/*
    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;
	}
}
jQuery( document ).ready( UserNameReplace );


/* 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;
}
jQuery( document ).ready( rewriteTitle );
// END JavaScript title rewrite

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


// --------------------------------------------------------
// addUserActivityLog
// adds a 'user activity log' link to the toolbox bar
// --------------------------------------------------------
jQuery( document ).ready( 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; 
    mw.util.addPortletLink('p-tb', linkUserLog, 'User Activity Log', 't-userlog', 'View user daily activity');
  }
} );
//

// *****************************************************************
// &bot=1 on contribs pages (Special:Contributions/Foo).
// *****************************************************************
function hideRollback() {
	var botlink = document.location.href;
	if( botlink.indexOf( '?' ) == -1 ) {
		botlink += '?bot=1';
	} else {
		botlink += '&bot=1';
	}
	mw.util.addPortletLink( 'p-cactions', botlink, '&bot=1', 'ca-bot' );
}
if( wgCanonicalSpecialPageName == 'Contributions' ) {
	jQuery( document ).ready( hideRollback );
}

/* Auto-refresh button on Special:RecentChanges from mariowiki.com */
function setCookie(c_name, value, expiredays) {
	var exdate = new Date();
	exdate.setDate(exdate.getDate() + expiredays);
	document.cookie = c_name + "=" + escape(value) + ((expiredays == null) ? "" : ";expires=" + exdate.toGMTString());
}
function getCookie(c_name) {
	if (document.cookie.length > 0) {
		c_start = document.cookie.indexOf(c_name + "=");
		if (c_start != -1) {
			c_start = c_start + c_name.length + 1;
			c_end = document.cookie.indexOf(";", c_start);
			if (c_end == -1) c_end = document.cookie.length;
			return unescape(document.cookie.substring(c_start, c_end));
		}
	}
	return "";
}
var ajaxPages = new Array("Special:RecentChanges");
var ajaxRCOverride = false;
var rcRefresh = 15000;
function ajaxRC() {
	appTo = $(".mw-specialpage-summary");
	appTo.append('&nbsp;<span style="position:absolute; right:40px;"><span style="position:relative; top:-45px;"><span style="position:relative; top:-12px; right:-15px;" id="autoRefreshProgress"><img src="/images/loader.gif" border="0" alt=" " /></span><span style="font-size: xx-small; cursor:help;" title="Automatically refresh the current page every ' + Math.floor(rcRefresh / 1000) + ' seconds">AUTO-REFRESH:</span><input type="checkbox" id="autoRefreshToggle"></span></span>');
	$("#autoRefreshToggle").click(function () {
		setCookie("ajaxRC", $("#autoRefreshToggle").is(":checked") ? "on" : "off")
		loadRCData()
	});
	$("#autoRefreshProgress").hide();
	if (getCookie("ajaxRC") == "on" || ajaxRCOverride) {
		$("#autoRefreshToggle").attr("checked", "checked");
		setTimeout("loadRCData();", rcRefresh);
	}
}
function loadRCData() {
	if (!$("#autoRefreshToggle").is(":checked")) return;
	$('#autoRefreshProgress').show()
	$(article).load(location.href + " " + article + " > *", function (data) {
		$(article + " .mw-collapsible").makeCollapsible();
		$('#autoRefreshProgress').hide()
		if ($("#autoRefreshToggle").is(":checked")) setTimeout("loadRCData();", rcRefresh);
	});
}
$(function () {
	article = "#bodyContent";
	for (x in ajaxPages) {
		if (wgPageName == ajaxPages[x] && $("#autoRefreshToggle").length == 0) ajaxRC();
	}
});