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

Страница интерфейса MediaWiki
Нет описания правки
Нет описания правки
Строка 75: Строка 75:
   
   
/** Collapsible tables *********************************************************
/** Collapsible tables *********************************************************
*
* From English Wikipedia, 2008-09-15
  *
  *
  *  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 = 1;
var collapseCaption = 'Скрыть';
var autoCollapse = 2;
var expandCaption = 'Показать';
var collapseCaption = 'hide';
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;
                Button.firstChild.data = expandCaption;
} else {
        } else {
for ( var i = 1; i < Rows.length; i++ ) {
                for ( var i = 1; i < Rows.length; i++ ) {
Rows[i].style.display = Rows[0].style.display;
                        Rows[i].style.display = Rows[0].style.display;
}
                }
Button.firstChild.data = collapseCaption;
                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++ ) {
                if ( hasClass( Tables[i], 'collapsible' ) ) {
   
   
for ( var i = 0; i < Tables.length; i++ ) {
                        /* only add button and increment count if there is a header row to work with */
if ( hasClass( Tables[i], 'collapsible' ) ) {
                        var HeaderRow = Tables[i].getElementsByTagName( 'tr' )[0];
/* only add button and increment count if there is a header row to work with */
                        if ( !HeaderRow ) {
var HeaderRow = Tables[i].getElementsByTagName( 'tr' )[0];
                                continue;
if( !HeaderRow ) {
                        }
continue;
                        var Header = HeaderRow.getElementsByTagName( 'th' )[0];
}
                        if ( !Header ) {
var Header = HeaderRow.getElementsByTagName( 'th' )[0];
                                continue;
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.style.styleFloat = 'right';
                        Button.className = 'collapseButton'; // Styles are declared in [[MediaWiki:Common.css]]
Button.style.cssFloat = 'right';
Button.style.fontWeight = 'normal';
Button.style.textAlign = 'right';
Button.style.width = '6em';
   
   
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', "javascript:collapseTable(" + tableIndex + ");" );
                        ButtonLink.setAttribute( 'href', "javascript:collapseTable(" + tableIndex + ");" );
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' ) ) {
}
                        var element = NavigationBoxes[i];
                        while ( element = element.parentNode ) {
                                if ( hasClass( element, 'outercollapse' ) ) {
                                        collapseTable( i );
                                        break;
                                }
                        }
                }
        }
}
}
   
   
addOnloadHook( createCollapseButtons );
addOnloadHook( createCollapseButtons );
   
   
/** Dynamic Navigation Bars (experimental) *************************************
/** Test if an element has a certain class **************************************
  *
  *
  * From English Wikipedia, 2008-09-15
  * Description: Uses regular expressions and caching for better performance.
  *
  * Maintainers: [[User:Mike Dillon]], [[User:R. Koot]], [[User:SG]]
*  Description: See [[Wikipedia:NavFrame]].
*  Maintainers: UNMAINTAINED
  */
  */
   
   
// set up the words in your language
var hasClass = ( function() {
var NavigationBarHide = '[' + collapseCaption + ']';
        var reCache = {};
var NavigationBarShow = '[' + expandCaption + ']';
        return function( element, className ) {
                return ( reCache[className] ? reCache[className] : ( reCache[className] = new RegExp( "(?:\\s|^)" + className + "(?:\\s|$)" ) ) ).test( element.className );
// 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 NavToggleText = document.createTextNode( NavigationBarHide );
for( var NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling ) {
if ( hasClass( NavChild, 'NavPic' ) || hasClass( NavChild, '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( 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 );

Версия от 23:30, 22 февраля 2013

//Кнопка прокрутки вверх

try{
var a = document.createElement('a');
    a.style.position = 'fixed';
    a.style.left = '0px';
    a.style.top = '0px';
    a.style.color = '#555';
    a.style.width = '12px';
    a.style.height = '100%';
    a.style.paddingTop = '3px';
    a.style.textAlign = 'center';
    a.style.background = '-moz-linear-gradient(left, lightBlue, rgba(255,255,255,0))';
    a.style.background = '-o-linear-gradient(left, lightBlue, rgba(255,255,255,0))';
    a.style.background = '-ms-linear-gradient(left, lightBlue, rgba(255,255,255,0))';
    a.style.background = '-webkit-linear-gradient(left, lightBlue, rgba(255,255,255,0))';
    a.style.background = 'linear-gradient(left, lightBlue, rgba(255,255,255,0))';
    a.style.verticalAlign = 'middle';
    a.href = "#";
    a.onclick = up();
}catch(e){
  dbg(e.name+": "+e.message+" – ошибка добавления кнопки прокрутки");
}
try{
  document.body.appendChild(a);
}catch(e){
  console.log(e.type+": "+e.name+": "+e.text);
}

function up(){
  window.scrollTo(0,0);
  return false;
}


/* Any JavaScript here will be loaded for all users on every page load. */
 
// If the page name (wgPageName) contains "MediaWiki" and we're in normal view
// mode, add "mainpage" class to the body element
if ( /^MediaWiki(\/.+)?$/.test( wgPageName ) && wgAction == 'view' ) {
	addOnloadHook(function() {
		document.body.className += ' mainpage';
	});
}
 
// switches for scripts
// TODO: migrate to JSConfig
// var load_extratabs = true;
var load_edittools = true;
 
// extra drop down menu on editing for adding special characters
importScript( 'MediaWiki:Edittools.js' );
//importScript('MediaWiki:Editpage.js');
 
// Editpage scripts
if( wgAction == 'edit' || wgAction == 'submit' ) {
	importScript( 'MediaWiki:Editpage.js' );
}
 
/* End of extra pages */
 
/* Test if an element has a certain class **************************************
 *
 * From English Wikipedia, 2008-09-15
 *
 * 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
 *                         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 );
        };
})();