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

Материал из Ascia Wiki
Перейти к:навигация, поиск
Строка 1: Строка 1:
/**
+
function createCollapseButtons()
* Dynamic Navigation Bars. See [[Wikipedia:NavFrame]]
+
{
*
+
    var tableIndex = 0;
* Based on script from en.wikipedia.org, 2008-09-15.
+
    var NavigationBoxes = new Object();
*
+
    var Tables = getElementsByClassName(document, "table", "collapsible");
* @source www.mediawiki.org/wiki/MediaWiki:Gadget-NavFrame.js
+
   
* @maintainer Helder.wiki, 2012–2013
+
    for ( var i = 0; i < Tables.length; i++ ) {
* @maintainer Krinkle, 2013
+
            /* only add button and increment count if there is a header row to work with */
  */
+
            var HeaderRow = Tables[i].getElementsByTagName( "tr" )[0];
( function () {
+
            if (!HeaderRow) continue;
 
+
            var Header = HeaderRow.getElementsByTagName( "th" )[0];
// Set up the words in your language
+
            if (!Header) continue;
var collapseCaption = 'Скрыть';
+
var expandCaption = 'Показать';
+
            NavigationBoxes[ tableIndex ] = Tables[i];
 
+
            Tables[i].setAttribute( "id", "collapsibleTable" + tableIndex );
var navigationBarHide = '[' + collapseCaption + ']';
+
   
var navigationBarShow = '[' + expandCaption + ']';
+
            var Button    = document.createElement( "span" );
 
+
            var ButtonLink = document.createElement( "a" );
/**
+
            var ButtonText = document.createTextNode( collapseCaption );
* Shows and hides content and picture (if available) of navigation bars.
+
*
+
            Button.className = "collapseButton";  //Styles are declared in Common.css
  * @param {number} indexNavigationBar The index of navigation bar to be toggled
+
* @param {jQuery.Event} e Event object
+
            ButtonLink.style.color = Header.style.color;
*/
+
            ButtonLink.setAttribute( "id", "collapseButton" + tableIndex );
function toggleNavigationBar( indexNavigationBar, e ) {
+
            ButtonLink.setAttribute( "href", "javascript:collapseTable(" + tableIndex + ");" );
var navChild,
+
            ButtonLink.appendChild( ButtonText );
navToggle = document.getElementById( 'NavToggle' + indexNavigationBar ),
+
navFrame = document.getElementById( 'NavFrame' + indexNavigationBar );
+
            Button.appendChild( document.createTextNode( "[" ) );
 
+
            Button.appendChild( ButtonLink );
// Prevent browser from jumping to href "#"
+
            Button.appendChild( document.createTextNode( "]" ) );
e.preventDefault();
+
 
+
            Header.insertBefore( Button, Header.childNodes[0] );
if ( !navFrame || !navToggle ) {
+
            tableIndex++;
return false;
+
    }
}
+
 
+
    var Tables = getElementsByClassName(document, "table", "collapsed");
// If shown now
+
    for ( var i = 0;  i < Tables.length; i++ ) {
if ( navToggle.firstChild.data == navigationBarHide ) {
+
        collapseTable( i );
for ( navChild = navFrame.firstChild; navChild != null; navChild = navChild.nextSibling ) {
+
    }
if ( hasClass( navChild, 'NavPic' ) ) {
+
navChild.style.display = 'none';
+
    var Tables = getElementsByClassName(document, "table", "autocollapse");
}
+
    for ( var i = 0;  i < Tables.length; i++ ) {
if ( hasClass( navChild, 'NavContent' ) ) {
+
        if ( i >= autoCollapse ) {
navChild.style.display = 'none';
+
            collapseTable( i );
}
+
        }  
}
+
    }  
navToggle.firstChild.data = navigationBarShow;
 
 
 
// If hidden now
 
} else if ( navToggle.firstChild.data == navigationBarShow ) {
 
for ( navChild = navFrame.firstChild; navChild != null; navChild = navChild.nextSibling ) {
 
if ( $( navChild ).hasClass( 'NavPic' ) || $( navChild ).hasClass( 'NavContent' ) ) {
 
navChild.style.display = 'block';
 
}
 
}
 
navToggle.firstChild.data = navigationBarHide;
 
}
 
 
}
 
}
 
/**
 
* Adds show/hide-button to navigation bars.
 
*
 
* @param {jQuery} $content
 
*/
 
function createNavigationBarToggleButton( $content ) {
 
var i, j, navFrame, navToggle, navToggleText, navChild,
 
indexNavigationBar = 0,
 
navFrames = $content.find( 'div.NavFrame' ).toArray();
 
 
// Iterate over all (new) nav frames
 
for ( i = 0; i < navFrames.length; i++ ) {
 
navFrame = navFrames[i];
 
// If found a navigation bar
 
indexNavigationBar++;
 
navToggle = document.createElement( 'a' );
 
navToggle.className = 'NavToggle';
 
navToggle.setAttribute( 'id', 'NavToggle' + indexNavigationBar );
 
navToggle.setAttribute( 'href', '#' );
 
$( navToggle ).on( 'click', $.proxy( toggleNavigationBar, null, indexNavigationBar ) );
 
 
navToggleText = document.createTextNode( navigationBarHide );
 
for ( navChild = navFrame.firstChild; navChild != null; navChild = navChild.nextSibling ) {
 
if ( $( navChild ).hasClass( 'NavPic' ) || $( navChild ).hasClass( 'NavContent' ) ) {
 
if ( navChild.style.display == 'none' ) {
 
navToggleText = document.createTextNode( navigationBarShow );
 
break;
 
}
 
}
 
}
 
 
navToggle.appendChild( navToggleText );
 
// Find the NavHead and attach the toggle link (Must be this complicated because Moz's firstChild handling is borked)
 
for ( j = 0; j < navFrame.childNodes.length; j++ ) {
 
if ( $( navFrame.childNodes[j] ).hasClass( 'NavHead' ) ) {
 
navFrame.childNodes[j].appendChild( navToggle );
 
}
 
}
 
navFrame.setAttribute( 'id', 'NavFrame' + indexNavigationBar );
 
}
 
}
 
 
mw.hook( 'wikipage.content' ).add( createNavigationBarToggleButton );
 
 
}());
 

Версия 19:39, 8 сентября 2017

function createCollapseButtons()
{
    var tableIndex = 0;
    var NavigationBoxes = new Object();
    var Tables = getElementsByClassName(document, "table", "collapsible");
 
    for ( var i = 0; i < Tables.length; i++ ) {
            /* 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 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++;
    }
 
    var Tables = getElementsByClassName(document, "table", "collapsed");
    for ( var i = 0;  i < Tables.length; i++ ) {
        collapseTable( i );
    }
 
    var Tables = getElementsByClassName(document, "table", "autocollapse");
    for ( var i = 0;  i < Tables.length; i++ ) {
        if ( i >= autoCollapse ) {
            collapseTable( i );
        } 
    }   
}