|
|
| (12 intermediate revisions by the same user 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. */ |
| | | | |
| − | /** Import module *************************************************************
| + | /* Autocompletion for the <inputbox /> extension */ |
| − | *
| + | document.getElementById('searchform').action = '/index.php'; |
| − | * Description: Includes a raw wiki page as javascript or CSS,
| + | var searchInputs = document.getElementsByClassName('mw-ui-input'); |
| − | * used for including user made modules.
| + | for (var i = 0; i < searchInputs.length; ++i) { searchInputs[i].id = 'searchInput'; } |
| − | * Maintainers: [[wikipedia:User:AzaToth]]
| |
| − | */
| |
| − | importedScripts = {}; // object keeping track of included scripts, so a script ain't included twice
| |
| − | function importScript( page ) {
| |
| − | if( importedScripts[page] ) {
| |
| − | return;
| |
| − | }
| |
| − | importedScripts[page] = true;
| |
| − | var url = wgScriptPath
| |
| − | + '/index.php?title='
| |
| − | + encodeURIComponent( page.replace( / /g, '_' ) )
| |
| − | + '&action=raw&ctype=text/javascript';
| |
| − | var scriptElem = document.createElement( 'script' );
| |
| − | scriptElem.setAttribute( 'src' , url );
| |
| − | scriptElem.setAttribute( 'type' , 'text/javascript' );
| |
| − | document.getElementsByTagName( 'head' )[0].appendChild( scriptElem );
| |
| − | }
| |
| − |
| |
| − | function importStylesheet( page ) {
| |
| − | var sheet = '@import "'
| |
| − | + wgScriptPath
| |
| − | + '/index.php?title='
| |
| − | + encodeURIComponent( page.replace( / /g, '_' ) )
| |
| − | + '&action=raw&ctype=text/css";'
| |
| − | var styleElem = document.createElement( 'style' );
| |
| − | styleElem.setAttribute( 'type' , 'text/css' );
| |
| − | styleElem.appendChild( document.createTextNode( sheet ) );
| |
| − | document.getElementsByTagName( 'head' )[0].appendChild( styleElem );
| |
| − | }
| |
| − | | |
| − | /* Test if an element has a certain class **************************************
| |
| − | *
| |
| − | * Description: Uses regular expressions and caching for better performance.
| |
| − | * Maintainers: [[wikipedia:User:Mike Dillon]], [[wikipedia:User:R. Koot]], [[wikipedia: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);
| |
| − | };
| |
| − | })();
| |
| − | | |
| − | /** Internet Explorer bug fix **************************************************
| |
| − | *
| |
| − | * Description: Fixes IE horizontal scrollbar bug
| |
| − | * Maintainers: [[wikipedia:User:Tom-]]?
| |
| − | */
| |
| − |
| |
| − | if (navigator.appName == "Microsoft Internet Explorer" && document.compatMode == "CSS1Compat")
| |
| − | {
| |
| − | var oldWidth;
| |
| − | var docEl = document.documentElement;
| |
| − |
| |
| − | function fixIEScroll()
| |
| − | {
| |
| − | if (!oldWidth || docEl.clientWidth > oldWidth)
| |
| − | doFixIEScroll();
| |
| − | else
| |
| − | setTimeout(doFixIEScroll, 1);
| |
| − |
| |
| − | oldWidth = docEl.clientWidth;
| |
| − | }
| |
| − |
| |
| − | function doFixIEScroll() {
| |
| − | docEl.style.overflowX = (docEl.scrollWidth - docEl.clientWidth < 4) ? "hidden" : "";
| |
| − | }
| |
| − |
| |
| − | document.attachEvent("onreadystatechange", fixIEScroll);
| |
| − | attachEvent("onresize", fixIEScroll);
| |
| − | }
| |
| − | | |
| − | /** Collapsible tables *********************************************************
| |
| − | *
| |
| − | * Description: Allows tables to be collapsed, showing only the header. See
| |
| − | * [[Wikipedia:NavFrame]].
| |
| − | * Maintainers: [[wikipedia: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 );
| |
| − | | |
| − | document.getElementById('searchform').action = '/index.php';
| |
| − | document.getElementsByName('search')[0].id = 'searchInput';
| |
