MediaWiki:Common.js: Unterschied zwischen den Versionen
Aus FW Wiki
Dariak (Diskussion | Beiträge) |
Dariak (Diskussion | Beiträge) |
||
| Zeile 1: | Zeile 1: | ||
/* Das folgende JavaScript wird für alle Benutzer geladen. */ | /* Das folgende JavaScript wird für alle Benutzer geladen. */ | ||
| − | /** | + | |
| − | + | //================================================================================ | |
| − | + | //*** Dynamic Navigation Bars | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | // | + | // set up max count of Navigation Bars on page, |
| − | + | // if there are more, all will be hidden | |
| − | + | // mw.user.options.set( 'NavigationBarShowDefault', 0 ); // all bars will be hidden | |
| + | // mw.user.options.set( 'NavigationBarShowDefault', 1 ); // on pages with more than 1 bar all bars will be hidden | ||
| − | var | + | // adds show/hide-button to navigation bars |
| − | var | + | // using 'jquery.makeCollapsible': for messages |
| + | // using 'user', 'mediawiki.user', 'user.options': wait for overrides in user.js | ||
| + | mw.loader.using( [ 'mediawiki.util', 'jquery.makeCollapsible', 'user', 'mediawiki.user', 'user.options' ], function() { $(function() { | ||
| + | // allow setting NavigationBarShowDefault | ||
| + | var showDefaultCount = mw.user.options.get( 'NavigationBarShowDefault', | ||
| + | typeof NavigationBarShowDefault !== 'undefined' ? NavigationBarShowDefault : 1 ); | ||
| + | // allow user overrides for b/c | ||
| + | var textHide = typeof NavigationBarHide === 'string' ? NavigationBarHide : mw.msg( 'collapsible-collapse' ); | ||
| + | var textShow = typeof NavigationBarShow === 'string' ? NavigationBarShow : mw.msg( 'collapsible-expand' ); | ||
| − | / | + | // shows and hides content and picture (if available) of navigation bars |
| − | + | // Parameters: | |
| − | + | // indexNavigationBar: the index of navigation bar to be toggled | |
| − | + | function toggleNavigationBar(NavToggle, NavFrame) | |
| − | + | { | |
| − | + | if (!NavFrame || !NavToggle) { | |
| − | function toggleNavigationBar( | + | return false; |
| − | + | } | |
| − | |||
| − | |||
| − | + | // if shown now | |
| − | + | if (NavToggle.firstChild.data === textHide) { | |
| + | for ( | ||
| + | var NavChild = NavFrame.firstChild; | ||
| + | NavChild !== null; | ||
| + | NavChild = NavChild.nextSibling | ||
| + | ) { | ||
| + | if (NavChild.className === 'NavPic') { | ||
| + | NavChild.style.display = 'none'; | ||
| + | } | ||
| + | if (NavChild.className === 'NavContent') { | ||
| + | NavChild.style.display = 'none'; | ||
| + | } | ||
| + | if (NavChild.className === 'NavToggle') { | ||
| + | NavChild.firstChild.data = textShow; | ||
| + | } | ||
| + | } | ||
| − | + | // if hidden now | |
| − | + | } else if (NavToggle.firstChild.data === textShow) { | |
| + | for ( | ||
| + | var NavChild = NavFrame.firstChild; | ||
| + | NavChild !== null; | ||
| + | NavChild = NavChild.nextSibling | ||
| + | ) { | ||
| + | if (NavChild.className === 'NavPic') { | ||
| + | NavChild.style.display = 'block'; | ||
| + | } | ||
| + | if (NavChild.className === 'NavContent') { | ||
| + | NavChild.style.display = 'block'; | ||
| + | } | ||
| + | if (NavChild.className === 'NavToggle') { | ||
| + | NavChild.firstChild.data = textHide; | ||
| + | } | ||
| + | } | ||
| + | } | ||
} | } | ||
| − | + | function toggleNavigationBarFunction(NavToggle, NavFrame) { | |
| − | + | return function() { | |
| − | + | toggleNavigationBar(NavToggle, NavFrame); | |
| − | + | return false; | |
| − | + | }; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | // iterate over all NavFrames | |
| + | var NavFrames = mw.util.$content.find( 'div.NavFrame' ); | ||
| − | / | + | // if more Navigation Bars found and not template namespace than Default: hide all |
| − | + | var initiallyToggle = showDefaultCount < NavFrames.length && mw.config.get( 'wgNamespaceNumber' ) !== 10; | |
| − | + | for (var i=0; i<NavFrames.length; i++) { | |
| − | + | var NavFrame = NavFrames[i]; | |
| − | + | var NavToggle = document.createElement("a"); | |
| − | + | NavToggle.className = 'NavToggle'; | |
| − | var i | + | NavToggle.setAttribute('href', '#'); |
| − | |||
| − | |||
| − | + | var NavToggleText = document.createTextNode(textHide); | |
| − | + | NavToggle.appendChild(NavToggleText); | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | // add NavToggle-Button as first div-element | |
| − | + | // in < div class="NavFrame" > | |
| − | + | NavFrame.insertBefore(NavToggle, NavFrame.firstChild); | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | NavToggle.onclick = toggleNavigationBarFunction(NavToggle, NavFrame); | |
| − | + | if (initiallyToggle) { | |
| − | + | toggleNavigationBar(NavToggle, NavFrame); | |
| − | |||
| − | |||
| − | |||
} | } | ||
| − | |||
} | } | ||
| − | } | + | })}); |
| − | |||
| − | |||
| − | |||
| − | } | ||
Aktuelle Version vom 10. Mai 2014, 12:44 Uhr
/* Das folgende JavaScript wird für alle Benutzer geladen. */
//================================================================================
//*** Dynamic Navigation Bars
// set up max count of Navigation Bars on page,
// if there are more, all will be hidden
// mw.user.options.set( 'NavigationBarShowDefault', 0 ); // all bars will be hidden
// mw.user.options.set( 'NavigationBarShowDefault', 1 ); // on pages with more than 1 bar all bars will be hidden
// adds show/hide-button to navigation bars
// using 'jquery.makeCollapsible': for messages
// using 'user', 'mediawiki.user', 'user.options': wait for overrides in user.js
mw.loader.using( [ 'mediawiki.util', 'jquery.makeCollapsible', 'user', 'mediawiki.user', 'user.options' ], function() { $(function() {
// allow setting NavigationBarShowDefault
var showDefaultCount = mw.user.options.get( 'NavigationBarShowDefault',
typeof NavigationBarShowDefault !== 'undefined' ? NavigationBarShowDefault : 1 );
// allow user overrides for b/c
var textHide = typeof NavigationBarHide === 'string' ? NavigationBarHide : mw.msg( 'collapsible-collapse' );
var textShow = typeof NavigationBarShow === 'string' ? NavigationBarShow : mw.msg( 'collapsible-expand' );
// shows and hides content and picture (if available) of navigation bars
// Parameters:
// indexNavigationBar: the index of navigation bar to be toggled
function toggleNavigationBar(NavToggle, NavFrame)
{
if (!NavFrame || !NavToggle) {
return false;
}
// if shown now
if (NavToggle.firstChild.data === textHide) {
for (
var NavChild = NavFrame.firstChild;
NavChild !== null;
NavChild = NavChild.nextSibling
) {
if (NavChild.className === 'NavPic') {
NavChild.style.display = 'none';
}
if (NavChild.className === 'NavContent') {
NavChild.style.display = 'none';
}
if (NavChild.className === 'NavToggle') {
NavChild.firstChild.data = textShow;
}
}
// if hidden now
} else if (NavToggle.firstChild.data === textShow) {
for (
var NavChild = NavFrame.firstChild;
NavChild !== null;
NavChild = NavChild.nextSibling
) {
if (NavChild.className === 'NavPic') {
NavChild.style.display = 'block';
}
if (NavChild.className === 'NavContent') {
NavChild.style.display = 'block';
}
if (NavChild.className === 'NavToggle') {
NavChild.firstChild.data = textHide;
}
}
}
}
function toggleNavigationBarFunction(NavToggle, NavFrame) {
return function() {
toggleNavigationBar(NavToggle, NavFrame);
return false;
};
}
// iterate over all NavFrames
var NavFrames = mw.util.$content.find( 'div.NavFrame' );
// if more Navigation Bars found and not template namespace than Default: hide all
var initiallyToggle = showDefaultCount < NavFrames.length && mw.config.get( 'wgNamespaceNumber' ) !== 10;
for (var i=0; i<NavFrames.length; i++) {
var NavFrame = NavFrames[i];
var NavToggle = document.createElement("a");
NavToggle.className = 'NavToggle';
NavToggle.setAttribute('href', '#');
var NavToggleText = document.createTextNode(textHide);
NavToggle.appendChild(NavToggleText);
// add NavToggle-Button as first div-element
// in < div class="NavFrame" >
NavFrame.insertBefore(NavToggle, NavFrame.firstChild);
NavToggle.onclick = toggleNavigationBarFunction(NavToggle, NavFrame);
if (initiallyToggle) {
toggleNavigationBar(NavToggle, NavFrame);
}
}
})});