Difference between revisions of "MediaWiki:Common.js"
From FSAirlinesWiki
(New page: //<source lang="javascript"> →* Description: Redirects from /User:UserName/skin.js or .css to the user's actual skin page * Maintainer: Cacycle: if (wgArticleId == 0 && wgUserName...) |
|||
Line 1: | Line 1: | ||
− | // | + | /* Any JavaScript here will be loaded for all users on every page load. */ |
− | + | ||
− | / | + | // If the page name (wgPageName) contains "MediaWiki" and we're in normal view |
− | + | // mode, add "mainpage" class to the body element | |
− | + | if ( /^MediaWiki(\/.+)?$/.test( wgPageName ) && wgAction == 'view' ) { | |
− | + | addOnloadHook(function() { | |
− | if ( | + | 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. | * Description: Uses regular expressions and caching for better performance. | ||
* Maintainers: [[User:Mike Dillon]], [[User:R. Koot]], [[User:SG]] | * Maintainers: [[User:Mike Dillon]], [[User:R. Koot]], [[User:SG]] | ||
*/ | */ | ||
− | + | var hasClass = (function() { | |
− | 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 ********************************************************* | /** Collapsible tables ********************************************************* | ||
+ | * | ||
+ | * From English Wikipedia, 2008-09-15 | ||
* | * | ||
* Description: Allows tables to be collapsed, showing only the header. See | * Description: Allows tables to be collapsed, showing only the header. See | ||
Line 189: | Line 46: | ||
* Maintainers: [[User:R. Koot]] | * Maintainers: [[User:R. Koot]] | ||
*/ | */ | ||
− | |||
var autoCollapse = 2; | var autoCollapse = 2; | ||
− | var collapseCaption = | + | var collapseCaption = 'hide'; |
− | var expandCaption = | + | var expandCaption = 'show'; |
− | + | ||
− | function collapseTable( tableIndex ) | + | 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() | + | 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 ); | addOnloadHook( createCollapseButtons ); | ||
− | + | ||
− | + | ||
/** Dynamic Navigation Bars (experimental) ************************************* | /** Dynamic Navigation Bars (experimental) ************************************* | ||
+ | * | ||
+ | * From English Wikipedia, 2008-09-15 | ||
* | * | ||
* Description: See [[Wikipedia:NavFrame]]. | * Description: See [[Wikipedia:NavFrame]]. | ||
* Maintainers: UNMAINTAINED | * Maintainers: UNMAINTAINED | ||
*/ | */ | ||
− | + | ||
// set up the words in your language | // set up the words in your language | ||
var NavigationBarHide = '[' + collapseCaption + ']'; | var NavigationBarHide = '[' + collapseCaption + ']'; | ||
var NavigationBarShow = '[' + expandCaption + ']'; | var NavigationBarShow = '[' + expandCaption + ']'; | ||
− | + | ||
// shows and hides content and picture (if available) of navigation bars | // shows and hides content and picture (if available) of navigation bars | ||
// Parameters: | // Parameters: | ||
// indexNavigationBar: the index of navigation bar to be toggled | // indexNavigationBar: the index of navigation bar to be toggled | ||
− | function toggleNavigationBar(indexNavigationBar) | + | 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 | // adds show/hide-button to navigation bars | ||
− | function createNavigationBarToggleButton() | + | 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 ); | addOnloadHook( createNavigationBarToggleButton ); | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− |
Revision as of 20:55, 8 September 2010
/* Any JavaScript here will be loaded for all users on every page load. */ // If the page name (wgPageName) contains "MediaWiki" and we're in normal view // mode, add "mainpage" class to the body element if ( /^MediaWiki(\/.+)?$/.test( wgPageName ) && wgAction == 'view' ) { addOnloadHook(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 * * 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 );