MediaWiki:Common.js

Материал из Игра-Говно точка com

(Различия между версиями)
Перейти к: навигация, поиск
м
м
 
(3 промежуточные версии не показаны)
Строка 1: Строка 1:
-
/** Collapsible tables *********************************************************
+
//Collapsiblе: [[ВП:СБ]]
-
*
+
   
-
*  Description: Allows tables to be collapsed, showing only the header. See
+
var NavigationBarShowDefault = 2
-
*              [[Wikipedia:NavFrame]].
+
var NavigationBarHide = '[скрыть]'
-
  *  Maintainers: [[User:R. Koot]]
+
var NavigationBarShow = '[показать]'
-
  */
+
   
-
 
+
var hasClass = (function (){
-
var autoCollapse = 2;
+
var reCache = {}
-
var collapseCaption = "hide";
+
return function (element, className){
-
var expandCaption = "show";
+
  return (reCache[className] ? reCache[className] : (reCache[className] = new RegExp("(?:\\s|^)" + className + "(?:\\s|$)"))).test(element.className)
-
 
+
  }
-
function collapseTable( tableIndex ){
+
})()
-
    var Button = document.getElementById( "collapseButton" + tableIndex );
+
-
    var Table = document.getElementById( "collapsibleTable" + tableIndex );
+
function collapsibleTables(){
-
 
+
var Table, HRow,  HCell, btn, a, tblIdx = 0, colTables = []
-
    if ( !Table || !Button ) {
+
var allTables = document.getElementsByTagName('table')
-
        return false;
+
for (var i=0; Table = allTables[i]; i++){
-
    }
+
  if (!hasClass(Table, 'collapsible')) continue
-
 
+
  if (!(HRow=Table.rows[0])) continue
-
    var Rows = Table.rows;
+
  if (!(HCell=HRow.getElementsByTagName('th')[0])) continue
-
 
+
  Table.id = 'collapsibleTable' + tblIdx
-
    if ( Button.firstChild.data == collapseCaption ) {
+
  btn = document.createElement('span')
-
        for ( var i = 1; i < Rows.length; i++ ) {
+
  btn.style.cssText = 'float:right; font-weight:normal; font-size:smaller'
-
            Rows[i].style.display = "none";
+
  a = document.createElement('a')
-
        }
+
  a.id = 'collapseButton' + tblIdx
-
        Button.firstChild.data = expandCaption;
+
  a.href = 'javascript:collapseTable(' + tblIdx + ');'
-
    } else {
+
  a.style.color = HCell.style.color
-
        for ( var i = 1; i < Rows.length; i++ ) {
+
  a.appendChild(document.createTextNode(NavigationBarHide))
-
            Rows[i].style.display = Rows[0].style.display;
+
  btn.appendChild(a)
-
        }
+
  HCell.insertBefore(btn, HCell.childNodes[0])
-
        Button.firstChild.data = collapseCaption;
+
  colTables[tblIdx++] = Table
-
    }
+
}
 +
for (var i=0; i < tblIdx; i++)
 +
  if ((tblIdx > NavigationBarShowDefault && hasClass(colTables[i], 'autocollapse')) || hasClass(colTables[i], 'collapsed'))
 +
    collapseTable(i)
}
}
-
 
+
-
function createCollapseButtons(){
+
function collapseTable (idx){
-
    var tableIndex = 0;
+
var Table = document.getElementById('collapsibleTable' + idx)
-
    var NavigationBoxes = new Object();
+
var btn = document.getElementById('collapseButton' + idx)
-
    var Tables = document.getElementsByTagName( "table" );
+
if (!Table || !btn) return false
-
 
+
var Rows = Table.rows
-
    for ( var i = 0; i < Tables.length; i++ ) {
+
var isShown = (btn.firstChild.data == NavigationBarHide)
-
        if ( hasClass( Tables[i], "collapsible" ) ) {
+
  btn.firstChild.data = isShown ?  NavigationBarShow : NavigationBarHide
-
 
+
  var disp = isShown ? 'none' : Rows[0].style.display
-
            /* only add button and increment count if there is a header row to work with */
+
for (var i=1; i < Rows.length; i++)
-
            var HeaderRow = Tables[i].getElementsByTagName( "tr" )[0];
+
    Rows[i].style.display = disp
-
            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 Common.css
+
-
 
+
-
            ButtonLink.style.color = Header.style.color;
+
-
            ButtonLink.setAttribute( "id", "collapseButton" + tableIndex );
+
-
            ButtonLink.setAttribute( "href", "#" );
+
-
            addHandler( ButtonLink, "click", new Function( "evt", "collapseTable(" + tableIndex + " ); return killEvt( evt );") );
+
-
            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;
+
-
                }
+
-
            }
+
-
        }
+
-
    }
+
}
}
-
 
+
-
$( createCollapseButtons );
+
function collapsibleDivs(){
-
 
+
  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++)
-
    var NavToggle = document.getElementById("NavToggle" + indexNavigationBar);
+
  if ((navIdx > NavigationBarShowDefault && !hasClass(colNavs[i], 'expanded')) || hasClass(colNavs[i], 'collapsed'))
-
    var NavFrame = document.getElementById("NavFrame" + indexNavigationBar);
+
    collapseDiv(i)
-
 
+
-
    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, 'NavContent') || hasClass(NavChild, 'NavPic')) {
+
-
                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, 'NavContent') || hasClass(NavChild, 'NavPic')) {
+
-
                NavChild.style.display = 'block';
+
-
            }
+
-
        }
+
-
        NavToggle.firstChild.data = NavigationBarHide;
+
-
    }
+
}
}
-
 
+
-
// adds show/hide-button to navigation bars
+
function collapseDiv(idx) {
-
function createNavigationBarToggleButton(){
+
var div = document.getElementById('NavFrame' + idx)
-
    var indexNavigationBar = 0;
+
var btn = document.getElementById('NavToggle' + idx)
-
    // iterate over all < div >-elements
+
if (!div || !btn) return false
-
    var divs = document.getElementsByTagName("div");
+
var isShown = (btn.firstChild.data == NavigationBarHide)
-
    for (var i = 0; NavFrame = divs[i]; i++) {
+
btn.firstChild.data = isShown ? NavigationBarShow : NavigationBarHide
-
        // if found a navigation bar
+
  var disp = isShown ? 'none' : 'block'
-
        if (hasClass(NavFrame, "NavFrame")) {
+
for (var child = div.firstChild; child != null; child = child.nextSibling)
-
 
+
  if (hasClass(child, 'NavPic') || hasClass(child, 'NavContent'))
-
            indexNavigationBar++;
+
      child.style.display = disp
-
            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")) {
+
-
                    NavToggle.style.color = NavFrame.childNodes[j].style.color;
+
-
                    NavFrame.childNodes[j].appendChild(NavToggle);
+
-
                }
+
-
            }
+
-
            NavFrame.setAttribute('id', 'NavFrame' + indexNavigationBar);
+
-
        }
+
-
    }
+
}
}
-
 
-
$( createNavigationBarToggleButton );
 

Текущая версия на 03:16, 2 апреля 2011

//Collapsiblе: [[ВП:СБ]]
 
var NavigationBarShowDefault = 2
var NavigationBarHide = '[скрыть]'
var NavigationBarShow = '[показать]'
 
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 = []
 var allTables = document.getElementsByTagName('table')
 for (var i=0; Table = allTables[i]; i++){
   if (!hasClass(Table, 'collapsible')) continue
   if (!(HRow=Table.rows[0])) continue
   if (!(HCell=HRow.getElementsByTagName('th')[0])) continue
   Table.id = 'collapsibleTable' + tblIdx
   btn = document.createElement('span')
   btn.style.cssText = 'float:right; font-weight:normal; font-size:smaller'
   a = document.createElement('a')
   a.id = 'collapseButton' + tblIdx
   a.href = 'javascript:collapseTable(' + tblIdx + ');'
   a.style.color = HCell.style.color
   a.appendChild(document.createTextNode(NavigationBarHide))
   btn.appendChild(a)
   HCell.insertBefore(btn, HCell.childNodes[0])
   colTables[tblIdx++] = Table
 }
 for (var i=0; i < tblIdx; i++)
   if ((tblIdx > NavigationBarShowDefault && hasClass(colTables[i], 'autocollapse')) || hasClass(colTables[i], 'collapsed'))
     collapseTable(i)
}
 
function collapseTable (idx){
 var Table = document.getElementById('collapsibleTable' + idx)
 var btn = document.getElementById('collapseButton' + idx)
 if (!Table || !btn) return false
 var Rows = Table.rows
 var isShown = (btn.firstChild.data == NavigationBarHide)
 btn.firstChild.data = isShown ?  NavigationBarShow : NavigationBarHide
 var disp = isShown ? 'none' : Rows[0].style.display
 for (var i=1; i < Rows.length; i++)
    Rows[i].style.display = disp
}
 
function collapsibleDivs(){
 var navIdx = 0, colNavs = [], i, NavFrame
 var divs = document.getElementById('content').getElementsByTagName('div')
 for (i=0; NavFrame = divs[i]; i++) {
   if (!hasClass(NavFrame, 'NavFrame')) continue
   NavFrame.id = 'NavFrame' + navIdx
   var a = document.createElement('a')
   a.className = 'NavToggle'
   a.id = 'NavToggle' + navIdx
   a.href = 'javascript:collapseDiv(' + navIdx + ');'
   a.appendChild(document.createTextNode(NavigationBarHide))
   for (var j=0; j < NavFrame.childNodes.length; j++)
     if (hasClass(NavFrame.childNodes[j], 'NavHead'))
       NavFrame.childNodes[j].appendChild(a)
   colNavs[navIdx++] = NavFrame
 }
 for (i=0; i < navIdx; i++)
  if ((navIdx > NavigationBarShowDefault && !hasClass(colNavs[i], 'expanded')) || hasClass(colNavs[i], 'collapsed'))
     collapseDiv(i)
}
 
function collapseDiv(idx) {
 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
}
Личные инструменты