MediaWiki:Common.js

/*****************************************************************************************
 * Any JavaScript here will be loaded for all users on every page load.
 *
 * As such, the content of this file page should be kept as minimal as possible.
 *
 *****************************************************************************************/

/*****************************************************************************************
 * Redirect User:Name/skin.js and skin.css to the current skin's pages
 * (unless the 'skin' page really exists)
 * @source: http://www.mediawiki.org/wiki/Snippets/Redirect_skin.js
 * @rev: 2
 */

	if ( mw.config.get( "wgArticleId" ) === 0 && mw.config.get( "wgNamespaceNumber" ) == 2 ) {
		var titleParts = mw.config.get( "wgPageName" ).split( "/" );
		// Make sure there was a part before and after the slash
		// And that the latter is "skin.js" or "skin.css"
		if ( titleParts.length == 2 ) {
			var userSkinPage = titleParts.shift() + "/" + mw.config.get( "skin" );
			if ( titleParts.slice( -1 ) == "skin.js" ) {
				window.location.href = mw.util.wikiGetlink( userSkinPage + ".js" );
			} else if ( titleParts.slice( -1 ) == "skin.css" ) {
				window.location.href = mw.util.wikiGetlink( userSkinPage + ".css" );
			}
		}
	}

/*****************************************************************************************/

/*****************************************************************************************
 * Map addPortletLink to mw.util 
 */

	window.addPortletLink = function() {
		return mw.util.addPortletLink.apply( mw.util, arguments );
	};

/*****************************************************************************************/

/*****************************************************************************************
 * extract a URL parameter from the current URL
 * @deprecated: Use mw.util.getParamValue with proper escaping
 */

	function getURLParamValue( paramName, url ) {
		return mw.util.getParamValue( paramName, url );
	}

/*****************************************************************************************/

/*****************************************************************************************
 * &withCSS= and &withJS= URL parameters
 * Allow to try custom scripts from MediaWiki space 
 * without editing personal .css or .js files
 */

	var extraCSS = mw.util.getParamValue( "withCSS" );
	if ( extraCSS && extraCSS.match( /^MediaWiki:[^&<>=%]*\.css$/ ) ) {
		importStylesheet( extraCSS );
	}
	var extraJS = mw.util.getParamValue( "withJS" );
	if ( extraJS && extraJS.match( /^MediaWiki:[^&<>=%]*\.js$/) ) {
		importScript( extraJS );
	}

/*****************************************************************************************/

/*****************************************************************************************
 * WikiMiniAtlas
 * Description: WikiMiniAtlas is a popup click and drag world map.
 *              This script causes all of our coordinate links to display the WikiMiniAtlas popup button.
 *              The script itself is located on meta because it is used by many projects.
 *              See [[Meta:WikiMiniAtlas]] for more information. 
 * Maintainers: [[User:Dschwen]]
 */

	mw.loader.load('//meta.wikimedia.org/w/index.php?title=MediaWiki:Wikiminiatlas.js&action=raw&ctype=text/javascript&smaxage=21600&maxage=86400');

/*****************************************************************************************/

/*****************************************************************************************
 * Internet Explorer bug fix
 * Description: Fixes IE horizontal scrollbar bug
 * Maintainers: [[User:Tom-]]?
 */

	if ( navigator.appName == "Microsoft Internet Explorer" ) {
		var oldWidth,
			docEl = document.documentElement,
			fixIEScroll = function() {
				if ( !oldWidth || docEl.clientWidth > oldWidth ) {
					doFixIEScroll();
				} else {
					setTimeout( doFixIEScroll, 1 );
				}
				oldWidth = docEl.clientWidth;
			},
			doFixIEScroll = function () {
				docEl.style.overflowX = ( docEl.scrollWidth - docEl.clientWidth < 4 ) ? "hidden" : "";
			};
		document.attachEvent( "onreadystatechange", fixIEScroll );
		document.attachEvent( "onresize", fixIEScroll );
		// In print IE (7?) does not like line-height
		mw.util.addCSS( "@media print { sup, sub, p, .documentDescription { line-height: normal; }}" );
		// IE overflow bug
		mw.util.addCSS( "div.overflowbugx { overflow-x: scroll !important; overflow-y: hidden !important; } div.overflowbugy { overflow-y: scroll !important; overflow-x: hidden !important; }" );
		// IE zoomfix
		// Use to fix right floating div/table inside tables
		mw.util.addCSS( ".iezoomfix div, .iezoomfix table { zoom: 1;}" );
		// .hlist fix for IE - remove dot after last list item
		if ( $.browser.version < "9.0" ) {
			$( function() {
				$( ".hlist" ).find( "li:last-child" ).css( "background", "none" ).css( "padding-right", "0" );
			} );
		}
	}

/*****************************************************************************************/

/*****************************************************************************************
 * Test if an element has a certain class
 * Maintainers: [[User:Mike Dillon]], [[User:R. Koot]], [[User:SG]]
 * @deprecated:  Use $(element).hasClass() instead.
 */

	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
 *               [[Wikipedia:NavFrame]].
 * Maintainers: [[User:R. Koot]] (copied from Wikipedia Common.js)
 */

	var autoCollapse = 2,
		collapseCaption = "hide",
		expandCaption = "show";
	function collapseTable( tableIndex ) {
		var Button = document.getElementById( "collapseButton" + tableIndex ),
			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,
			NavigationBoxes = new Object(),
			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" ),
					ButtonLink = document.createElement( "a" ),
					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", "#" );
				addHandler( ButtonLink,  "click", new Function( "evt", "collapseTable(" + tableIndex + " ); return killEvt( evt );") );
				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;
					}
				}
			}
		}
	}
	$( createCollapseButtons );

/*****************************************************************************************/

/*****************************************************************************************
 * Dynamic Navigation Bars (experimental)
 * Description: See [[Wikipedia:NavFrame]].
 * Maintainers: UNMAINTAINED
 */

	// set up the words in your language
	var NavigationBarHide = "[" + collapseCaption + "]",
		NavigationBarShow = "[" + expandCaption + "]";
	// 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 ),
			NavFrame = document.getElementById( "NavFrame" + indexNavigationBar );
		if ( !NavFrame || !NavToggle ) {
			return false;
		}
		// if shown now
		if ( NavToggle.firstChild.data == NavigationBarHide ) {
			for ( var NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling ) {
				if ( hasClass(NavChild, "NavContent" ) || hasClass( NavChild, "NavPic" ) ) {
					NavChild.style.display = "none";
				}
			}
			NavToggle.firstChild.data = NavigationBarShow;
		// if hidden now
		} else if ( NavToggle.firstChild.data == NavigationBarShow ) {
			for ( var NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling) {
				if ( hasClass(NavChild, "NavContent") || hasClass( NavChild, "NavPic" ) ) {
					NavChild.style.display = "block";
				}
			}
			NavToggle.firstChild.data = NavigationBarHide;
		}
	}
	// adds show/hide-button to navigation bars
	function createNavigationBarToggleButton() {
		var indexNavigationBar = 0,
			divs = document.getElementsByTagName("div");
		 // iterate over all < div >-elements
		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" ) ) {
						NavToggle.style.color = NavFrame.childNodes[j].style.color;
						NavFrame.childNodes[j].appendChild( NavToggle );
					}
				}
				NavFrame.setAttribute( "id", "NavFrame" + indexNavigationBar );
			}
		}
	}
	$( createNavigationBarToggleButton );

/*****************************************************************************************/

/*****************************************************************************************
 * Table sorting fixes
 * Description: Disables code in table sorting routine to set classes on even/odd rows
 * Maintainers: [[User:Random832]]
 */
 
	ts_alternate_row_colors = false;

/*****************************************************************************************/

/*****************************************************************************************
 * uploadwizard_newusers
 * Switches in a message for non-autoconfirmed users at [[Wikipedia:Upload]]
 * Maintainers: [[User:Krimpet]]
 */
 
	function uploadwizard_newusers() {
		if ( wgNamespaceNumber == 4 && wgTitle == "Upload" && wgAction == "view" ) {
			var oldDiv = document.getElementById( "autoconfirmedusers" ),
				newDiv = document.getElementById( "newusers" );
			if ( oldDiv && newDiv ) {
				if ( typeof wgUserGroups == "object" && wgUserGroups ) {
					for ( i = 0; i < wgUserGroups.length; i++ ) {
						if ( wgUserGroups[i] == "autoconfirmed")  {
							oldDiv.style.display = "block";
							newDiv.style.display = "none";
							return;
						}
					}
				}
				oldDiv.style.display = "none";
				newDiv.style.display = "block";
				return;
			}
		}
	}
	$( uploadwizard_newusers );

/*****************************************************************************************/

/*****************************************************************************************
 * Next ***
 */