Difference between revisions of "MediaWiki:Common.js"

From Industrial-Craft-Wiki
Jump to navigation Jump to search
m
m
Line 72: Line 72:
  *
  *
  *  Description: Allows tables to be collapsed, showing only the header. See
  *  Description: Allows tables to be collapsed, showing only the header. See
  *               [[Wikipedia:NavFrame]].
  *                         http://www.mediawiki.org/wiki/Manual:Collapsible_tables.
  *  Maintainers: [[User:R. Koot]]
  *  Maintainers: [[en:User:R. Koot]]
  */
  */
   
   
var autoCollapse = 2;
var autoCollapse = 2;
var collapseCaption = "hide";
var collapseCaption = 'hide';
var expandCaption = "show";
var expandCaption = 'show';
   
   
function collapseTable( tableIndex ){
function collapseTable( tableIndex ) {
    var Button = document.getElementById( "collapseButton" + tableIndex );
        var Button = document.getElementById( 'collapseButton' + tableIndex );
    var Table = document.getElementById( "collapsibleTable" + tableIndex );
        var Table = document.getElementById( 'collapsibleTable' + tableIndex );
   
   
    if ( !Table || !Button ) {
        if ( !Table || !Button ) {
        return false;
                return false;
    }
        }
   
   
    var Rows = Table.rows;
        var Rows = Table.rows;
   
   
    if ( Button.firstChild.data == collapseCaption ) {
        if ( Button.firstChild.data == collapseCaption ) {
         for ( var i = 1; i < Rows.length; i++ ) {
                for ( var i = 1; i < Rows.length; i++ ) {
            Rows[i].style.display = "none";
                        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;
         }
         }
        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 tableIndex = 0;
    var NavigationBoxes = new Object();
        var NavigationBoxes = new Object();
    var Tables = document.getElementsByTagName( "table" );
        var Tables = document.getElementsByTagName( 'table' );
   
   
    for ( var i = 0; i < Tables.length; i++ ) {
        for ( var i = 0; i < Tables.length; i++ ) {
        if ( hasClass( Tables[i], "collapsible" ) ) {
                if ( hasClass( Tables[i], 'collapsible' ) ) {
   
   
            /* only add button and increment count if there is a header row to work with */
                        /* only add button and increment count if there is a header row to work with */
            var HeaderRow = Tables[i].getElementsByTagName( "tr" )[0];
                        var HeaderRow = Tables[i].getElementsByTagName( 'tr' )[0];
            if (!HeaderRow) continue;
                        if ( !HeaderRow ) {
            var Header = HeaderRow.getElementsByTagName( "th" )[0];
                                continue;
            if (!Header) continue;
                        }
                        var Header = HeaderRow.getElementsByTagName( 'th' )[0];
                        if ( !Header ) {
                                continue;
                        }
   
   
            NavigationBoxes[ tableIndex ] = Tables[i];
                        NavigationBoxes[tableIndex] = Tables[i];
            Tables[i].setAttribute( "id", "collapsibleTable" + tableIndex );
                        Tables[i].setAttribute( 'id', 'collapsibleTable' + tableIndex );
   
   
            var Button     = document.createElement( "span" );
                        var Button = document.createElement( 'span' );
            var ButtonLink = document.createElement( "a" );
                        var ButtonLink = document.createElement( 'a' );
            var ButtonText = document.createTextNode( collapseCaption );
                        var ButtonText = document.createTextNode( collapseCaption );
   
   
            Button.className = "collapseButton"; //Styles are declared in Common.css
                        Button.className = 'collapseButton'; // Styles are declared in [[MediaWiki:Common.css]]
   
   
            ButtonLink.style.color = Header.style.color;
                        ButtonLink.style.color = Header.style.color;
            ButtonLink.setAttribute( "id", "collapseButton" + tableIndex );
                        ButtonLink.setAttribute( 'id', 'collapseButton' + tableIndex );
            ButtonLink.setAttribute( "href", "#" );
                        ButtonLink.setAttribute( 'href', "javascript:collapseTable(" + tableIndex + ");" );
            addHandler( ButtonLink,  "click", new Function( "evt", "collapseTable(" + tableIndex + " ); return killEvt( evt );") );
                        ButtonLink.appendChild( ButtonText );
            ButtonLink.appendChild( ButtonText );
   
   
            Button.appendChild( document.createTextNode( "[" ) );
                        Button.appendChild( document.createTextNode( '[' ) );
            Button.appendChild( ButtonLink );
                        Button.appendChild( ButtonLink );
            Button.appendChild( document.createTextNode( "]" ) );
                        Button.appendChild( document.createTextNode( ']' ) );
   
   
            Header.insertBefore( Button, Header.childNodes[0] );
                        Header.insertBefore( Button, Header.childNodes[0] );
            tableIndex++;
                        tableIndex++;
                }
         }
         }
    }
   
   
    for ( var i = 0;  i < tableIndex; i++ ) {
        for ( var i = 0;  i < tableIndex; i++ ) {
        if ( hasClass( NavigationBoxes[i], "collapsed" ) || ( tableIndex >= autoCollapse && hasClass( NavigationBoxes[i], "autocollapse" ) ) ) {
                if ( hasClass( NavigationBoxes[i], 'collapsed' ) || ( tableIndex >= autoCollapse && hasClass( NavigationBoxes[i], 'autocollapse' ) ) ) {
            collapseTable( i );
                        collapseTable( i );
        }  
                } else if ( hasClass( NavigationBoxes[i], 'innercollapse' ) ) {
        else if ( hasClass( NavigationBoxes[i], "innercollapse" ) ) {
                        var element = NavigationBoxes[i];
            var element = NavigationBoxes[i];
                        while ( element = element.parentNode ) {
            while (element = element.parentNode) {
                                if ( hasClass( element, 'outercollapse' ) ) {
                if ( hasClass( element, "outercollapse" ) ) {
                                        collapseTable( i );
                    collapseTable ( i );
                                        break;
                    break;
                                }
                        }
                 }
                 }
            }
         }
         }
    }
}
}
// 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++;
addOnloadHook( createCollapseButtons );
            var NavToggle = document.createElement("a");
            NavToggle.className = 'NavToggle';
            NavToggle.setAttribute('id', 'NavToggle' + indexNavigationBar);
            NavToggle.setAttribute('href', 'javascript:toggleNavigationBar(' + indexNavigationBar + ');');
   
   
            var isCollapsed = hasClass( NavFrame, "collapsed" );
/** Test if an element has a certain class **************************************
            /*
*
            * Check if any children are already hidden.  This loop is here for backwards compatibility:
* Description: Uses regular expressions and caching for better performance.
            * the old way of making NavFrames start out collapsed was to manually add style="display:none"
* Maintainers: [[User:Mike Dillon]], [[User:R. Koot]], [[User:SG]]
            * 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)
var hasClass = ( function() {
            for(var j=0; j < NavFrame.childNodes.length; j++) {
        var reCache = {};
                 if (hasClass(NavFrame.childNodes[j], "NavHead")) {
        return function( element, className ) {
                    NavToggle.style.color = NavFrame.childNodes[j].style.color;
                 return ( reCache[className] ? reCache[className] : ( reCache[className] = new RegExp( "(?:\\s|^)" + className + "(?:\\s|$)" ) ) ).test( element.className );
                    NavFrame.childNodes[j].appendChild(NavToggle);
        };
                }
})();
            }
 
            NavFrame.setAttribute('id', 'NavFrame' + indexNavigationBar);
        }
    }
}




Revision as of 18:56, 24 October 2011

/* Any JavaScript here will be loaded for all users on every page load. */
addOnloadHook( function() {
     var pops = function( elems ) {
         for (var i=0; i<elems.length; i++) {
             if ( !(' '+elems[i].className+' ').match( / pops / ) ) continue;
             var anchs = elems[i].getElementsByTagName('a');
             for (var j=0; j<anchs.length; j++) anchs[j].target = '_blank';
         }
     };
     var bc = document.getElementById('bodyContent');
     var tags = ['span', 'div', 'table', 'td', 'th'];
     for (var i=0; i<tags.length; i++) pops( bc.getElementsByTagName( tags[i] ) );
 } );


function ModifySidebar(action, section, name, link) {
    try {
        switch (section) {
          case "languages":
            var target = "p-lang";
            break;
          case "toolbox":
            var target = "p-tb";
            break;
          case "navigation":
            var target = "p-navigation";
            break;
          default:
            var target = "p-" + section;
            break;
        }
 
        if (action == "add") {
            var node = document.getElementById(target)
                               .getElementsByTagName('div')[0]
                               .getElementsByTagName('ul')[0];
 
            var aNode = document.createElement('a');
            var liNode = document.createElement('li');
 
            aNode.appendChild(document.createTextNode(name));
            aNode.setAttribute('href', link);
            liNode.appendChild(aNode);
            liNode.className='plainlinks';
            node.appendChild(liNode);
        }
 
        if (action == "remove") {
            var list = document.getElementById(target)
                               .getElementsByTagName('div')[0]
                               .getElementsByTagName('ul')[0];
 
            var listelements = list.getElementsByTagName('li');
 
            for (var i = 0; i < listelements.length; i++) {
                if (listelements[i].getElementsByTagName('a')[0].innerHTML == name ||
                    listelements[i].getElementsByTagName('a')[0].href == link) {
 
                    list.removeChild(listelements[i]);
                }
            }
        }
 
    } catch(e) {
      // lets just ignore what's happened
      return;
    }
}
 

/** Collapsible tables *********************************************************
 *
 *  Description: Allows tables to be collapsed, showing only the header. See
 *                         http://www.mediawiki.org/wiki/Manual:Collapsible_tables.
 *  Maintainers: [[en: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.className = 'collapseButton'; // Styles are declared in [[MediaWiki:Common.css]]
 
                        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 );
                } else if ( hasClass( NavigationBoxes[i], 'innercollapse' ) ) {
                        var element = NavigationBoxes[i];
                        while ( element = element.parentNode ) {
                                if ( hasClass( element, 'outercollapse' ) ) {
                                        collapseTable( i );
                                        break;
                                }
                        }
                }
        }
}
 
addOnloadHook( createCollapseButtons );
 
/** Test if an element has a certain class **************************************
 *
 * 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 );
        };
})();



function CustomizeModificationsOfSidebar() {
    //adds [[Special:CategoryTree]] to toolbox
ModifySidebar("add", "toolbox", "Upload files", "http://wiki.industrial-craft.net/index.php?title=Special:MultipleUpload");
ModifySidebar("add", "tutorials", "First Steps", "http://wiki.industrial-craft.net/index.php?title=Tutorial:First_Steps");
ModifySidebar("add", "tutorials", "Wiring", "http://wiki.industrial-craft.net/index.php?title=Tutorial:Wiring");
ModifySidebar("add", "tutorials", "Nuclear Power", "http://wiki.industrial-craft.net/index.php?title=Tutorial:Nuclear_Power");
ModifySidebar("add", "tutorials", "Pirate's Guide to Industrial Craft", "http://wiki.industrial-craft.net/index.php?title=Tutorial:Pirate's Guide to Industrial Craft");
ModifySidebar("add", "navigation", "Download", "http://wiki.industrial-craft.net/index.php?title=Download");
ModifySidebar("add", "navigation", "Forum", "http://forum.industrial-craft.net/");
ModifySidebar("add", "navigation", "Blog", "http://industrial-craft.net/");
ModifySidebar("add", "navigation", "Mine4Dead", "http://wiki.industrial-craft.net/index.php?title=Mine4Dead:Main_Page");
ModifySidebar("add", "navigation", "MedievalCraft", "http://wiki.industrial-craft.net/index.php?title=MedievalCraft-Mod:Main_Page");
ModifySidebar("add", "navigation", "AntiGriefer-Community", "http://wiki.industrial-craft.net/index.php?title=AntiGriefer-Community");
ModifySidebar("add", "navigation", "Banners", "http://wiki.industrial-craft.net/index.php?title=Banner");
ModifySidebar("add", "navigation", "Achievements", "http://wiki.industrial-craft.net/index.php?title=Achievements");
    //removes [[Special:Upload]] from toolbox
    ModifySidebar("remove", "toolbox", "Permanent Link", "http://wiki.industrial-craft.net/index.php/Main_Page&oldid=829");
    ModifySidebar("remove", "toolbox", "Upload file", "http://wiki.industrial-craft.net/Special:Upload");
ModifySidebar("remove", "navigation", "Random Page", "http://wiki.industrial-craft.net/index.php?title=Special:Random");
ModifySidebar("remove", "toolbox", "Upload multiple files", "http://wiki.industrial-craft.net/Special:Multiupload");
ModifySidebar("remove", "toolbox", "What links here", "http://wiki.industrial-craft.net/Special:WhatLinksHere");
}

addOnloadHook(CustomizeModificationsOfSidebar);
Retrieved from "https://wiki.industrial-craft.net/index.php?title=MediaWiki:Common.js&oldid=7950"