Версия для слабовидящих

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

Материал из Ярославский педагогический университет
Перейти к: навигация, поиск
Строка 9: Строка 9:
 
//Collapsiblе: [[ВП:СБ]]
 
//Collapsiblе: [[ВП:СБ]]
 
   
 
   
var NavigationBarShowDefault = 2
+
var autoCollapse = 2;
var NavigationBarHide = '[скрыть]'
+
var collapseCaption = 'скрыть';
var NavigationBarShow = '[показать]'
+
var expandCaption = 'показать';
+
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(){
 
function collapsibleTables(){
var Table, HRow,  HCell, btn, a, tblIdx = 0, colTables = []
+
  var allTables = $('#content table.collapsible');
var allTables = document.getElementsByTagName('table')
+
   
  for (var i=0; Table = allTables[i]; i++){
+
  allTables.each(function(tblIdx){
  if (!hasClass(Table, 'collapsible')) continue
+
      var HRow = $('tr:first', this);
  if (!(HRow=Table.rows[0])) continue
+
      if (HRow.length == 0){
  if (!(HCell=HRow.getElementsByTagName('th')[0])) continue
+
        $(this).addClass('wontCollapse'); // no rows
  Table.id = 'collapsibleTable' + tblIdx
+
        return true; // continue next iteration of each()
  btn = document.createElement('span')
+
      }
  btn.style.cssText = 'float:right; font-weight:normal; font-size:smaller'
+
      if (HRow.parent().children().filter('tr').not(':first').length == 0){
  a = document.createElement('a')
+
        $(this).addClass('wontCollapse'); // no rows after the first
  a.id = 'collapseButton' + tblIdx
+
        return true; // continue next iteration of each()
  a.href = 'javascript:collapseTable(' + tblIdx + ');'
+
      }
   a.style.color = HCell.style.color
+
   a.appendChild(document.createTextNode(NavigationBarHide))
+
      var Header = $('th:last', HRow);
  btn.appendChild(a)
+
      if (Header.length == 0){
  HCell.insertBefore(btn, HCell.childNodes[0])
+
        $(this).addClass('wontCollapse'); // no TH in the first row
  colTables[tblIdx++] = Table
+
        return true; // continue next iteration of each()
}
+
      }
for (var i=0; i < tblIdx; i++)
+
  if ((tblIdx > NavigationBarShowDefault && hasClass(colTables[i], 'autocollapse')) || hasClass(colTables[i], 'collapsed'))
+
      $(this).data('collapseIndex', tblIdx);
    collapseTable(i)
+
      Header.prepend(
 +
        '<span style="float: right; font-weight: normal;">'+
 +
        '[<a id="collapseButton' + tblIdx + '" href="#" onClick="collapseTable(this); return false;">'+
 +
        collapseCaption + '</a>]</span>');
 +
   });
 +
 +
  var processedTables = allTables.not('.wontCollapse');
 +
   if (processedTables.length > autoCollapse){
 +
      processedTables.filter('.autocollapse').each(function(i){
 +
        var linkIDX = $(this).data('collapseIndex');
 +
        collapseTable($('a#collapseButton' + linkIDX, this).eq(0));
 +
      });
 +
  }
 +
  processedTables.filter('.collapsed').each(function(i){
 +
      var linkIDX = $(this).data('collapseIndex');
 +
      collapseTable($('a#collapseButton' + linkIDX, this).eq(0));
 +
  });
 
}
 
}
 
   
 
   
function collapseTable (idx){
+
function collapseTable(linkObject){ // accepts both raw and jQuery-wrapped objects
var Table = document.getElementById('collapsibleTable' + idx)
+
  var TheLink = $(linkObject);
var btn = document.getElementById('collapseButton' + idx)
+
  var TableRows = TheLink.closest('tr').parent().children().filter('tr').not(':first');
if (!Table || !btn) return false
+
  if (TableRows.length == 0) return;
  var Rows = Table.rows
+
   
var isShown = (btn.firstChild.data == NavigationBarHide)
+
  var isShown = (TheLink.text() == collapseCaption);
btn.firstChild.data = isShown ?  NavigationBarShow : NavigationBarHide
+
  if (isShown) {
var disp = isShown ? 'none' : Rows[0].style.display
+
      TheLink.text(expandCaption);
for (var i=1; i < Rows.length; i++)  
+
      TableRows.each(function(i){
    Rows[i].style.display = disp
+
        $(this).fadeOut(1000);
 +
      });
 +
  } else {
 +
      TheLink.text(collapseCaption);
 +
      TableRows.each(function(i){
 +
        $(this).fadeIn(1000);
 +
      });
 +
  };
 
}
 
}
 +
addOnloadHook(collapsibleTables);
 +
 +
var NavigationBarHide = '[' + collapseCaption + ']';
 +
var NavigationBarShow = '[' + expandCaption + ']';
 +
var NavigationBarShowDefault = autoCollapse;
 
   
 
   
 
function collapsibleDivs(){
 
function collapsibleDivs(){
var navIdx = 0, colNavs = [], i, NavFrame
+
  var NavFrameList = $('#content div.NavFrame');
var divs = document.getElementById('content').getElementsByTagName('div')
+
  NavFrameList.each(function(navIdx){
for (i=0; NavFrame = divs[i]; i++) {
+
      var TheNavHead = $('.NavHead:first', this);
  if (!hasClass(NavFrame, 'NavFrame')) continue
+
      if (TheNavHead.length == 0) {
  NavFrame.id = 'NavFrame' + navIdx
+
        $(this).addClass('wontCollapse'); // no NavHead inside!
  var a = document.createElement('a')
+
        return true;      // continue next iteration of each()
  a.className = 'NavToggle'
+
      }
  a.id = 'NavToggle' + navIdx
+
      $(this).data('NavFrameIndex', navIdx);
  a.href = 'javascript:collapseDiv(' + navIdx + ');'
+
      TheNavHead.prepend('<a class="NavToggle" '+
   a.appendChild(document.createTextNode(NavigationBarHide))
+
        'id="NavToggle' + navIdx + '" href="#" '+
   for (var j=0; j < NavFrame.childNodes.length; j++)
+
        'onClick="collapseDiv(this); return false;">'+
    if (hasClass(NavFrame.childNodes[j], 'NavHead'))
+
        NavigationBarHide + '</a>'
      NavFrame.childNodes[j].appendChild(a)
+
      );
  colNavs[navIdx++] = NavFrame
+
   });
}
+
for (i=0; i < navIdx; i++)
+
  var processedDivs = NavFrameList.not('.wontCollapse');
  if ((navIdx > NavigationBarShowDefault && !hasClass(colNavs[i], 'expanded')) || hasClass(colNavs[i], 'collapsed'))
+
   if (processedDivs.length > NavigationBarShowDefault){
    collapseDiv(i)
+
      processedDivs.not('.expanded').each(function(i){
 +
        var linkIDX = $(this).data('NavFrameIndex');
 +
        collapseDiv($('a#NavToggle' + linkIDX, this).eq(0));
 +
      });
 +
  }
 +
  processedDivs.filter('.collapsed').each(function(i){
 +
      var linkIDX = $(this).data('NavFrameIndex');
 +
      collapseDiv($('a#NavToggle' + linkIDX, this).eq(0));
 +
  });
 
}
 
}
 
   
 
   
function collapseDiv(idx) {
+
function collapseDiv(toggleObject){ // accepts both raw and jQuery-wrapped objects
var div = document.getElementById('NavFrame' + idx)
+
  var TheToggle = $(toggleObject);
  var btn = document.getElementById('NavToggle' + idx)
+
  var TheFrame = TheToggle.closest('div.NavFrame');
if (!div || !btn) return false
+
  if (TheFrame.length == 0) return false;
  var isShown = (btn.firstChild.data == NavigationBarHide)
+
   
btn.firstChild.data = isShown ? NavigationBarShow : NavigationBarHide  
+
  TheToggle.text( (TheToggle.text() == NavigationBarHide) ? NavigationBarShow : NavigationBarHide);
  var disp = isShown ? 'none' : 'block'
+
   
for (var child = div.firstChild;  child != null;  child = child.nextSibling)
+
  TheFrame.children().filter('.NavPic, .NavContent').each(function(i){
  if (hasClass(child, 'NavPic') || hasClass(child, 'NavContent'))  
+
       $(this).slideToggle(1000);
       child.style.display = disp
+
  });
 
}
 
}
 +
addOnloadHook(collapsibleDivs);
  
 
   
 
   
 
//</source>
 
//</source>

Версия 11:18, 22 октября 2009

/* Размещённый здесь JavaScript код будет загружаться всем пользователям при обращении к каждой странице */
 
//<source lang=javascript>
 
//External search
if (wgCanonicalNamespace == 'Special' && wgCanonicalSpecialPageName == 'Search')
  importScript('MediaWiki:Search.js')
 
//Collapsiblе: [[ВП:СБ]]
 
var autoCollapse = 2;
var collapseCaption = 'скрыть';
var expandCaption = 'показать';
 
function collapsibleTables(){
   var allTables = $('#content table.collapsible');
 
   allTables.each(function(tblIdx){
      var HRow = $('tr:first', this);
      if (HRow.length == 0){
         $(this).addClass('wontCollapse'); // no rows
         return true; // continue next iteration of each()
      }
      if (HRow.parent().children().filter('tr').not(':first').length == 0){
         $(this).addClass('wontCollapse'); // no rows after the first
         return true; // continue next iteration of each()
      }
 
      var Header = $('th:last', HRow);
      if (Header.length == 0){
         $(this).addClass('wontCollapse'); // no TH in the first row
         return true; // continue next iteration of each()
      }
 
      $(this).data('collapseIndex', tblIdx);
      Header.prepend(
         '<span style="float: right; font-weight: normal;">'+
         '[<a id="collapseButton' + tblIdx + '" href="#" onClick="collapseTable(this); return false;">'+
         collapseCaption + '</a>]</span>');
   });
 
   var processedTables = allTables.not('.wontCollapse');
   if (processedTables.length > autoCollapse){
      processedTables.filter('.autocollapse').each(function(i){
         var linkIDX = $(this).data('collapseIndex');
         collapseTable($('a#collapseButton' + linkIDX, this).eq(0));
      });
   }
   processedTables.filter('.collapsed').each(function(i){
      var linkIDX = $(this).data('collapseIndex');
      collapseTable($('a#collapseButton' + linkIDX, this).eq(0));
   });
}
 
function collapseTable(linkObject){ // accepts both raw and jQuery-wrapped objects
   var TheLink = $(linkObject);
   var TableRows = TheLink.closest('tr').parent().children().filter('tr').not(':first');
   if (TableRows.length == 0) return;
 
   var isShown = (TheLink.text() == collapseCaption);
   if (isShown) {
      TheLink.text(expandCaption);
      TableRows.each(function(i){
         $(this).fadeOut(1000);
      });
   } else {
      TheLink.text(collapseCaption);
      TableRows.each(function(i){
         $(this).fadeIn(1000);
      });
   };
}
addOnloadHook(collapsibleTables);
 
var NavigationBarHide = '[' + collapseCaption + ']';
var NavigationBarShow = '[' + expandCaption + ']';
var NavigationBarShowDefault = autoCollapse;
 
function collapsibleDivs(){
   var NavFrameList = $('#content div.NavFrame');
   NavFrameList.each(function(navIdx){
      var TheNavHead = $('.NavHead:first', this);
      if (TheNavHead.length == 0) {
         $(this).addClass('wontCollapse'); // no NavHead inside!
         return true;      // continue next iteration of each()
      }
      $(this).data('NavFrameIndex', navIdx);
      TheNavHead.prepend('<a class="NavToggle" '+
         'id="NavToggle' + navIdx + '" href="#" '+
         'onClick="collapseDiv(this); return false;">'+
         NavigationBarHide + '</a>'
      );
   });
 
   var processedDivs = NavFrameList.not('.wontCollapse');
   if (processedDivs.length > NavigationBarShowDefault){
      processedDivs.not('.expanded').each(function(i){
         var linkIDX = $(this).data('NavFrameIndex');
         collapseDiv($('a#NavToggle' + linkIDX, this).eq(0));
      });
   }
   processedDivs.filter('.collapsed').each(function(i){
      var linkIDX = $(this).data('NavFrameIndex');
      collapseDiv($('a#NavToggle' + linkIDX, this).eq(0));
   });
}
 
function collapseDiv(toggleObject){ // accepts both raw and jQuery-wrapped objects
   var TheToggle = $(toggleObject);
   var TheFrame  = TheToggle.closest('div.NavFrame');
   if (TheFrame.length == 0) return false;
 
   TheToggle.text( (TheToggle.text() == NavigationBarHide) ? NavigationBarShow : NavigationBarHide);
 
   TheFrame.children().filter('.NavPic, .NavContent').each(function(i){
      $(this).slideToggle(1000);
   });
}
addOnloadHook(collapsibleDivs);
 
 
//</source>