MediaWiki:Common.js — различия между версиями

Материал из GTAModding.ru
Перейти к: навигация, поиск
(Новая: /* Размещённый здесь код JavaScript будет загружен всем пользователям при обращении к какой-либо странице *...)
 
Строка 1: Строка 1:
 
/* Размещённый здесь код JavaScript будет загружен всем пользователям при обращении к какой-либо странице */
 
/* Размещённый здесь код JavaScript будет загружен всем пользователям при обращении к какой-либо странице */
  
−
//Collapsiblе: [[ВП:СБ]]
+
/* 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 NavigationBarShowDefault = 2
+
var hasClass = (function () {
−
var NavigationBarHide = '[скрыть]'
+
    var reCache = {};
−
var NavigationBarShow = '[показать]'
+
    return function (element, className) {
 +
        return (reCache[className] ? reCache[className] : (reCache[className] = new RegExp("(?:\\s|^)" + className + "(?:\\s|$)"))).test(element.className);
 +
    };
 +
})();
 
   
 
   
−
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 collapsibleTables(){
+
−
  var Table, HRow, HCell, btn, a, tblIdx = 0, colTables = []
+
/** Collapsible tables *********************************************************
−
  var allTables = document.getElementsByTagName('table')
+
  *
−
  for (var i=0; Table = allTables[i]; i++){
+
  *  Description: Allows tables to be collapsed, showing only the header. See
−
  if (!hasClass(Table, 'collapsible')) continue
+
*              [[Wikipedia:NavFrame]].
−
  if (!(HRow=Table.rows[0])) continue
+
  *  Maintainers: [[User:R. Koot]]
−
  if (!(HCell=HRow.getElementsByTagName('th')[0])) continue
+
  */
−
  Table.id = 'collapsibleTable' + tblIdx
+
−
  btn = document.createElement('span')
+
var autoCollapse = 2;
−
  btn.style.cssText = 'float:right; font-weight:normal; font-size:smaller'
+
var collapseCaption = "hide";
−
  a = document.createElement('a')
+
var expandCaption = "show";
−
  a.id = 'collapseButton' + tblIdx
+
−
  a.href = 'javascript:collapseTable(' + tblIdx + ');'
+
function collapseTable( tableIndex )
−
  a.style.color = HCell.style.color
+
{
−
  a.appendChild(document.createTextNode(NavigationBarHide))
+
    var Button = document.getElementById( "collapseButton" + tableIndex );
−
  btn.appendChild(a)
+
    var Table = document.getElementById( "collapsibleTable" + tableIndex );
−
  HCell.insertBefore(btn, HCell.childNodes[0])
+
−
  colTables[tblIdx++] = Table
+
    if ( !Table || !Button ) {
−
}
+
        return false;
−
for (var i=0; i < tblIdx; i++)
+
    }
−
  if ((tblIdx > NavigationBarShowDefault && hasClass(colTables[i], 'autocollapse')) || hasClass(colTables[i], 'collapsed'))
+
−
    collapseTable(i)
+
    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 collapseTable (idx){
+
function createCollapseButtons()
−
var Table = document.getElementById('collapsibleTable' + idx)
+
{
−
  var btn = document.getElementById('collapseButton' + idx)
+
    var tableIndex = 0;
−
  if (!Table || !btn) return false
+
    var NavigationBoxes = new Object();
−
  var Rows = Table.rows
+
    var Tables = document.getElementsByTagName( "table" );
−
  var isShown = (btn.firstChild.data == NavigationBarHide)
+
   
−
  btn.firstChild.data = isShown ? NavigationBarShow : NavigationBarHide
+
    for ( var i = 0; i < Tables.length; i++ ) {
−
  var disp = isShown ? 'none' : Rows[0].style.display
+
        if ( hasClass( Tables[i], "collapsible" ) ) {
−
  for (var i=1; i < Rows.length; i++)  
+
   
−
    Rows[i].style.display = disp
+
            /* 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";      // REMOVE THESE LINES
 +
            Button.style.fontWeight = "normal";  // ON 10 FEBRUARY 2009
 +
            Button.style.textAlign = "right";    //
 +
            Button.style.width = "6em";          //
 +
   
 +
            Button.className = "collapseButton"; //Styles are declared in 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;
 +
                }
 +
            }
 +
        }
 +
    }
 
}
 
}
 
   
 
   
−
function collapsibleDivs(){
+
addOnloadHook( createCollapseButtons );
−
  var navIdx = 0, colNavs = [], i, NavFrame
+
   
−
  var divs = document.getElementById('content').getElementsByTagName('div')
+
/** Dynamic Navigation Bars (experimental) *************************************
−
  for (i=0; NavFrame = divs[i]; i++) {
+
*
−
  if (!hasClass(NavFrame, 'NavFrame')) continue
+
*  Description: See [[Wikipedia:NavFrame]].
−
  NavFrame.id = 'NavFrame' + navIdx
+
*  Maintainers: UNMAINTAINED
−
  var a = document.createElement('a')
+
*/
−
  a.className = 'NavToggle'
+
−
  a.id = 'NavToggle' + navIdx
+
// set up the words in your language
−
  a.href = 'javascript:collapseDiv(' + navIdx + ');'
+
var NavigationBarHide = '[' + collapseCaption + ']';
−
  a.appendChild(document.createTextNode(NavigationBarHide))
+
var NavigationBarShow = '[' + expandCaption + ']';
−
  for (var j=0; j < NavFrame.childNodes.length; j++)
+
   
−
    if (hasClass(NavFrame.childNodes[j], 'NavHead'))
+
// shows and hides content and picture (if available) of navigation bars
−
      NavFrame.childNodes[j].appendChild(a)
+
// Parameters:
−
  colNavs[navIdx++] = NavFrame
+
//    indexNavigationBar: the index of navigation bar to be toggled
−
}
+
function toggleNavigationBar(indexNavigationBar)
−
for (i=0; i < navIdx; i++)
+
{
−
  if ((navIdx > NavigationBarShowDefault && !hasClass(colNavs[i], 'expanded')) || hasClass(colNavs[i], 'collapsed'))
+
    var NavToggle = document.getElementById("NavToggle" + indexNavigationBar);
−
    collapseDiv(i)
+
    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 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")) {
 +
                    NavFrame.childNodes[j].appendChild(NavToggle);
 +
                }
 +
            }
 +
            NavFrame.setAttribute('id', 'NavFrame' + indexNavigationBar);
 +
        }
 +
    }
 
}
 
}
 
   
 
   
−
function collapseDiv(idx) {
+
addOnloadHook( createNavigationBarToggleButton );
−
var div = document.getElementById('NavFrame' + idx)
+
−
var btn = document.getElementById('NavToggle' + idx)
+
−
if (!div || !btn) return false
+
−
var isShown = (btn.firstChild.data == NavigationBarHide)
+
−
btn.firstChild.data = isShown ? NavigationBarShow : NavigationBarHide
+
−
var disp = isShown ? 'none' : 'block'
+
−
for (var child = div.firstChild; child != null;  child = child.nextSibling)
+
−
  if (hasClass(child, 'NavPic') || hasClass(child, 'NavContent'))
+
−
      child.style.display = disp
+

Версия 06:05, 28 января 2009

/* Размещённый здесь код JavaScript будет загружен всем пользователям при обращении к какой-либо странице */
 
/* 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);
    };
})();
 
 
 
/** Collapsible tables *********************************************************
 *
 *  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";      // REMOVE THESE LINES
            Button.style.fontWeight = "normal";   // ON 10 FEBRUARY 2009
            Button.style.textAlign = "right";     // 
            Button.style.width = "6em";           //
 
            Button.className = "collapseButton";  //Styles are declared in 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 );
 
/** Dynamic Navigation Bars (experimental) *************************************
 *
 *  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 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")) {
                    NavFrame.childNodes[j].appendChild(NavToggle);
                }
            }
            NavFrame.setAttribute('id', 'NavFrame' + indexNavigationBar);
        }
    }
}
 
addOnloadHook( createNavigationBarToggleButton );
Источник — «http://gtamodding.ru/w/index.php?title=MediaWiki:Common.js&oldid=1236»