Difference between revisions of "MediaWiki:Common.js"

From The Antarian Rangers
Jump to: navigation, search
(copied from http://www.mediawiki.org/wiki/MediaWiki:Common.js)
Line 269: Line 269:
 
}
 
}
 
}
 
}
 +
 +
/* Any JavaScript here will be loaded for all users on every page load. */
 +
 +
// <syntax type="javascript">
 +
 +
    /**
 +
        Toggles the display of elements on a page
 +
        Author/contact: Austin Che http://openwetware.org/wiki/User:Austin_J._Che
 +
        See http://openwetware.org/wiki/OpenWetWare:Toggle for examples and documentation
 +
    */
 +
 +
// indexed array of toggler ids to array of associated toggle operations
 +
// each operation is a two element array, the first being the type, the second a class name or array of elements
 +
// operation types are strings like "_reset" or "" for the default toggle operation
 +
var togglers = new Array();   
 +
var allClasses = new Object(); // associative map of class names to page elements
 +
 +
function toggler(id)
 +
{
 +
    var toBeToggled = togglers[id];
 +
    if (!toBeToggled)
 +
        return;
 +
 +
    // if some element is in list more than once, it will be toggled multiple times
 +
    for (var i = 0; i < toBeToggled.length; i++)
 +
    {
 +
        // get array of elements to operate on
 +
        var toggles = toBeToggled[i][1];
 +
        if (typeof(toggles) == "string")
 +
        {
 +
            if (toggles.charAt(0) == '-')
 +
            {
 +
                // treat as an element ID, not as class
 +
                toggles = document.getElementById(toggles.substring(1));
 +
                if (toggles)
 +
                    toggles = new Array(toggles);
 +
            }
 +
            else
 +
                toggles = allClasses[toggles];
 +
        }
 +
        if (!toggles || !toggles.length)
 +
            continue;
 +
 +
        var op = toBeToggled[i][0]; // what the operation will be
 +
 +
        switch (op)
 +
        {
 +
            case "_reset":
 +
                for (var j = 0; j < toggles.length; j++)
 +
                    toggles[j].style.display = toggles[j]._toggle_original_display;
 +
                break;
 +
            case "_show":
 +
                for (var j = 0; j < toggles.length; j++)
 +
                    toggles[j].style.display = '';
 +
                break;
 +
            case "_hide":
 +
                for (var j = 0; j < toggles.length; j++)
 +
                    toggles[j].style.display = 'none';
 +
                break;
 +
            case "":
 +
            default:
 +
                // Toggle
 +
                for (var j = 0; j < toggles.length; j++)
 +
                    toggles[j].style.display = ((toggles[j].style.display == 'none') ? '' : 'none');
 +
                break;
 +
        }
 +
    }
 +
}
 +
 +
function createTogglerLink(toggler, id)
 +
{
 +
    var toggle = document.createElement("a");
 +
    toggle.className = 'toggler-link';
 +
    toggle.setAttribute('id', 'toggler' + id);
 +
    toggle.setAttribute('href', 'javascript:toggler("' + id + '");');
 +
    var child = toggler.firstChild;
 +
    toggler.removeChild(child);
 +
    toggle.appendChild(child);
 +
    toggler.insertBefore(toggle, toggler.firstChild);
 +
}
 +
 +
function toggleInit()
 +
{
 +
    var togglerElems = new Array();
 +
    var toggleGroup = new Array();
 +
 +
    // initialize/clear any old information
 +
    togglers = new Array();   
 +
    allClasses = new Object();
 +
       
 +
    // make list of all document classes
 +
    var elems = document.getElementsByTagName("*");
 +
    var numelems = elems.length;
 +
    for (var i = 0; i < elems.length; i++)
 +
    {
 +
        var elem = elems[i];
 +
        if (!elem.className)
 +
            continue;
 +
 +
        elem._toggle_original_display = elem.style.display;
 +
        var togglerID = -1;
 +
        var elemClasses = elem.className.split(' '); // get list of classes
 +
        for (var j = 0; j < elemClasses.length; j++)
 +
        {
 +
            var elemClass = elemClasses[j];
 +
            if (! allClasses[elemClass])
 +
                allClasses[elemClass] = new Array();
 +
            allClasses[elemClass].push(elem);
 +
 +
            // all the special classes begin with _toggle
 +
            if (elemClass.substring(0, 7) != "_toggle")
 +
                continue;
 +
 +
            if (elemClass == "_togglegroup")
 +
                toggleGroup = new Array();
 +
            else if (elemClass == "_toggle")
 +
                toggleGroup.push(elem);
 +
            else if (elemClass.substring(0, 12) == "_toggle_init")
 +
            {
 +
                // set initial value for display (ignore the original CSS set value)
 +
                // understands _toggle_initshow and _toggle_inithide
 +
                var disp = elemClass.substring(12);
 +
                if (disp == "show")
 +
                    elem.style.display = '';
 +
                else if (disp == "hide")
 +
                    elem.style.display = 'none';
 +
                elem._toggle_original_display = disp;
 +
            }
 +
            else if (elemClass.substring(0, 8) == "_toggler")
 +
            {
 +
                if (togglerID == -1)
 +
                {
 +
                    togglerID = togglers.length;
 +
                    togglers[togglerID] = new Array();
 +
                    togglerElems[togglerID] = elem;
 +
                }
 +
 +
                // all classes are of form _toggler_op-CLASS
 +
                // figure out what class we're toggling
 +
                // if none is specified, then we use the current toggle group
 +
                var toBeToggled;
 +
                var hyphen = elemClass.indexOf('-');
 +
                if (hyphen != -1)
 +
                    toBeToggled = elemClass.substring(hyphen+1);
 +
                else
 +
                {
 +
                    toBeToggled = toggleGroup;
 +
                    hyphen = elemClass.length;
 +
                }
 +
 +
                var op = elemClass.substring(8, hyphen);
 +
                togglers[togglerID].push(new Array(op, toBeToggled));
 +
            }
 +
        }
 +
    }
 +
 +
    // add javascript links to all toggler elements
 +
    for (var i = 0; i < togglerElems.length; i++)
 +
        createTogglerLink(togglerElems[i], i);
 +
}
 +
 +
 +
function owwsitesearch(f){
 +
    f.q.value='site:http://openwetware.org/wiki/'+
 +
        f.base.value+'++'+f.qfront.value
 +
}
 +
 +
 +
addOnloadHook(toggleInit);
 +
 +
// </syntax>

Revision as of 17:21, 26 July 2014

/* Any JavaScript here will be loaded for all users on every page load. */
 
// Add "mainpage" class to the body element
if ( wgMainPageTitle === wgPageName && wgAction === 'view' ) {
	$( document ).ready( function() {
		document.body.className += ' mainpage';
	});
}
 
// switches for scripts
// TODO: migrate to JSConfig
// var load_extratabs = true;
var load_edittools = true;
 
// extra drop down menu on editing for adding special characters
importScript( 'MediaWiki:Edittools.js' );
 
// Editpage scripts
if( wgAction == 'edit' || wgAction == 'submit' ) {
	importScript( 'MediaWiki:Editpage.js' );
}
 
/* End of extra pages */
 
/* Test if an element has a certain class **************************************
 *
 * From English Wikipedia, 2008-09-15
 *
 * 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 );
	};
})();
 
/** Collapsible tables *********************************************************
 *
 * From English Wikipedia, 2008-09-15
 * @deprecated: Do not use this in new constructions, use class="mw-collapsible" instead
 *
 *  Description: Allows tables to be collapsed, showing only the header.
 *               See [[Wikipedia:NavFrame]].
 *  Maintainers: [[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.style.styleFloat = 'right';
			Button.style.cssFloat = 'right';
			Button.style.fontWeight = 'normal';
			Button.style.textAlign = 'right';
			Button.style.width = '6em';
 
			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 );
		}
	}
}
 
addOnloadHook( createCollapseButtons );
 
/** Dynamic Navigation Bars (experimental) *************************************
 *
 * From English Wikipedia, 2008-09-15
 *
 *  Description: See [[Wikipedia:NavFrame]].
 *  Maintainers: UNMAINTAINED
 */
 
// set up the words in your language
var NavigationBarHide = '[' + collapseCaption + ']';
var 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 );
	var 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, 'NavPic' ) ) {
				NavChild.style.display = 'none';
			}
			if ( hasClass( NavChild, 'NavContent' ) ) {
				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, '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 NavToggleText = document.createTextNode( NavigationBarHide );
			for( var NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling ) {
				if ( hasClass( NavChild, 'NavPic' ) || hasClass( NavChild, 'NavContent' ) ) {
					if( NavChild.style.display == 'none' ) {
						NavToggleText = document.createTextNode( NavigationBarShow );
						break;
					}
				}
			}
 
			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 );
 
/**
 * Hide prefix in category
 *
 * @source: http://www.mediawiki.org/wiki/Snippets/Hide_prefix_in_category
 * @rev: 1
 * @author: Krinkle
 */
var $tplHideCategoryPrefix = $( '#mw-cat-hideprefix' );
if ( $tplHideCategoryPrefix.length ) {
	var prefix = $tplHideCategoryPrefix.text();
	$( '#mw-pages' ).find( 'a' ).text( function( i, val ){
		return val.replace( new RegExp( '^' + $.escapeRE( prefix ) ), '' );
	});
}
 
/**
 * Load the CodeReview 'tooltips' gadget on [[MediaWiki roadmap]] subpages,
 * so it's available for the revision reports where it's particularly useful
 * @author: Happy-melon
 */
if( mw.config.get( 'wgPageName' ).match( /^MediaWiki_roadmap/ ) ) {
	mw.loader.using( ['ext.codereview.tooltips'], function(){} );
}
 
/**
 * Load withJS and withCSS
 *
 * @source: www.mediawiki.org/wiki/Snippets/Load_JS_and_CSS_by_URL#Load_withJS_and_withCSS
 * @rev: 1
 * @author: Krinkle
 */
/* withJS */
var extraJS = mw.util.getParamValue( 'withJS' );
if ( extraJS ) {
	// Disallow some characters in file name
	if ( extraJS.match( /^MediaWiki:[^&<>=%#]*\.js$/ ) ) {
		importScript( extraJS );
	// Don't use alert but the jsMsg system. Run jsMsg only once the DOM is ready.
	} else {
		$( document ).ready( function() {
			jsMsg( extraJS + ' script not allowed to be loaded.', 'error' );
		} );
	}
}
/* withCSS */
var extraCSS = mw.util.getParamValue( 'withCSS' );
if ( extraCSS ) {
	// Disallow some characters in file name
	if ( extraCSS.match( /^MediaWiki:[^&<>=%#]*\.css$/ ) ) {
		importStylesheet( extraCSS );
	// Don't use alert but the jsMsg system. Run jsMsg only once the DOM is ready.
	} else {
		$( document ).ready( function() {
			jsMsg( extraCSS + ' stylesheet not allowed to be loaded.', 'error' );
		} );
	}
}
 
/* Any JavaScript here will be loaded for all users on every page load. */
 
// <syntax type="javascript">
 
    /** 
        Toggles the display of elements on a page 
        Author/contact: Austin Che http://openwetware.org/wiki/User:Austin_J._Che
        See http://openwetware.org/wiki/OpenWetWare:Toggle for examples and documentation
     */
 
// indexed array of toggler ids to array of associated toggle operations
// each operation is a two element array, the first being the type, the second a class name or array of elements
// operation types are strings like "_reset" or "" for the default toggle operation
var togglers = new Array();     
var allClasses = new Object(); // associative map of class names to page elements
 
function toggler(id)
{
    var toBeToggled = togglers[id];
    if (!toBeToggled)
        return;
 
    // if some element is in list more than once, it will be toggled multiple times
    for (var i = 0; i < toBeToggled.length; i++)
    {
        // get array of elements to operate on
        var toggles = toBeToggled[i][1];
        if (typeof(toggles) == "string")
        {
            if (toggles.charAt(0) == '-')
            {
                // treat as an element ID, not as class
                toggles = document.getElementById(toggles.substring(1));
                if (toggles)
                    toggles = new Array(toggles);
            }
            else
                toggles = allClasses[toggles];
        }
        if (!toggles || !toggles.length)
            continue;
 
        var op = toBeToggled[i][0]; // what the operation will be
 
        switch (op)
        {
            case "_reset":
                for (var j = 0; j < toggles.length; j++)
                    toggles[j].style.display = toggles[j]._toggle_original_display;
                break;
            case "_show":
                for (var j = 0; j < toggles.length; j++)
                    toggles[j].style.display = '';
                break;
            case "_hide":
                for (var j = 0; j < toggles.length; j++)
                    toggles[j].style.display = 'none';
                break;
            case "":
            default:
                // Toggle
                for (var j = 0; j < toggles.length; j++)
                    toggles[j].style.display = ((toggles[j].style.display == 'none') ? '' : 'none');
                break;
        }
    }
}
 
function createTogglerLink(toggler, id)
{
    var toggle = document.createElement("a");
    toggle.className = 'toggler-link';
    toggle.setAttribute('id', 'toggler' + id);
    toggle.setAttribute('href', 'javascript:toggler("' + id + '");');
    var child = toggler.firstChild;
    toggler.removeChild(child);
    toggle.appendChild(child);
    toggler.insertBefore(toggle, toggler.firstChild);
}
 
function toggleInit()
{
    var togglerElems = new Array();
    var toggleGroup = new Array();
 
    // initialize/clear any old information
    togglers = new Array();     
    allClasses = new Object();
 
    // make list of all document classes
    var elems = document.getElementsByTagName("*");
    var numelems = elems.length;
    for (var i = 0; i < elems.length; i++)
    {
        var elem = elems[i];
        if (!elem.className)
            continue;
 
        elem._toggle_original_display = elem.style.display;
        var togglerID = -1;
        var elemClasses = elem.className.split(' '); // get list of classes
        for (var j = 0; j < elemClasses.length; j++)
        {
            var elemClass = elemClasses[j];
            if (! allClasses[elemClass])
                allClasses[elemClass] = new Array();
            allClasses[elemClass].push(elem);
 
            // all the special classes begin with _toggle
            if (elemClass.substring(0, 7) != "_toggle")
                continue;
 
            if (elemClass == "_togglegroup")
                toggleGroup = new Array();
            else if (elemClass == "_toggle")
                toggleGroup.push(elem);
            else if (elemClass.substring(0, 12) == "_toggle_init")
            {
                // set initial value for display (ignore the original CSS set value)
                // understands _toggle_initshow and _toggle_inithide
                var disp = elemClass.substring(12);
                if (disp == "show")
                    elem.style.display = '';
                else if (disp == "hide")
                    elem.style.display = 'none';
                elem._toggle_original_display = disp;
            }
            else if (elemClass.substring(0, 8) == "_toggler")
            {
                if (togglerID == -1)
                {
                    togglerID = togglers.length;
                    togglers[togglerID] = new Array();
                    togglerElems[togglerID] = elem;
                }
 
                // all classes are of form _toggler_op-CLASS
                // figure out what class we're toggling
                // if none is specified, then we use the current toggle group
                var toBeToggled;
                var hyphen = elemClass.indexOf('-');
                if (hyphen != -1)
                    toBeToggled = elemClass.substring(hyphen+1);
                else
                {
                    toBeToggled = toggleGroup;
                    hyphen = elemClass.length;
                }
 
                var op = elemClass.substring(8, hyphen);
                togglers[togglerID].push(new Array(op, toBeToggled));
            }
        }
    }
 
    // add javascript links to all toggler elements
    for (var i = 0; i < togglerElems.length; i++)
        createTogglerLink(togglerElems[i], i);
}
 
 
function owwsitesearch(f){
    f.q.value='site:http://openwetware.org/wiki/'+
        f.base.value+'++'+f.qfront.value
}
 
 
addOnloadHook(toggleInit);
 
// </syntax>