MediaWiki:Common.js: Unterschied zwischen den Versionen

Aus FW Wiki
Wechseln zu: Navigation, Suche
 
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. See [[Wikipedia:NavFrame]]
+
//================================================================================
−
*
+
//*** Dynamic Navigation Bars
−
* Based on script from en.wikipedia.org, 2008-09-15.
 
−
*
 
−
* @source www.mediawiki.org/wiki/MediaWiki:Gadget-NavFrame.js
 
−
* @maintainer Helder.wiki, 2012–2013
 
−
* @maintainer Krinkle, 2013
 
−
*/
 
−
( function () {
 
 
   
 
   
−
// Set up the words in your language
+
// set up max count of Navigation Bars on page,
−
var collapseCaption = 'hide';
+
// if there are more, all will be hidden
−
var expandCaption = 'show';
+
// 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 navigationBarHide = '[' + collapseCaption + ']';
+
// adds show/hide-button to navigation bars
−
var navigationBarShow = '[' + expandCaption + ']';
+
// 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
−
* Shows and hides content and picture (if available) of navigation bars.
+
// Parameters:
−
*
+
//    indexNavigationBar: the index of navigation bar to be toggled
−
* @param {number} indexNavigationBar The index of navigation bar to be toggled
+
function toggleNavigationBar(NavToggle, NavFrame)
−
* @param {jQuery.Event} e Event object
+
{
−
*/
+
  if (!NavFrame || !NavToggle) {
−
function toggleNavigationBar( indexNavigationBar, e ) {
+
  return false;
−
var navChild,
+
  }
−
navToggle = document.getElementById( 'NavToggle' + indexNavigationBar ),
 
−
navFrame = document.getElementById( 'NavFrame' + indexNavigationBar );
 
 
   
 
   
−
// Prevent browser from jumping to href "#"
+
  // if shown now
−
e.preventDefault();
+
  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 ( !navFrame || !navToggle ) {
+
  // if hidden now
−
return false;
+
  } 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;
 +
  }
 +
  }
 +
  }
 
}
 
}
 
   
 
   
−
// If shown now
+
function toggleNavigationBarFunction(NavToggle, NavFrame) {
−
if ( navToggle.firstChild.data == navigationBarHide ) {
+
return function() {
−
for ( navChild = navFrame.firstChild; navChild != null; navChild = navChild.nextSibling ) {
+
toggleNavigationBar(NavToggle, NavFrame);
−
if ( hasClass( navChild, 'NavPic' ) ) {
+
return false;
−
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 ( navChild = navFrame.firstChild; navChild != null; navChild = navChild.nextSibling ) {
 
−
if ( $( navChild ).hasClass( 'NavPic' ) || $( navChild ).hasClass( 'NavContent' ) ) {
 
−
navChild.style.display = 'block';
 
−
}
 
−
}
 
−
navToggle.firstChild.data = navigationBarHide;
 
 
}
 
}
−
}
+
// 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
−
* Adds show/hide-button to navigation bars.
+
var initiallyToggle = showDefaultCount < NavFrames.length && mw.config.get( 'wgNamespaceNumber' ) !== 10;
−
*
+
for (var i=0;  i<NavFrames.length; i++) {
−
* @param {jQuery} $content
+
var NavFrame = NavFrames[i];
−
*/
+
var NavToggle = document.createElement("a");
−
function createNavigationBarToggleButton( $content ) {
+
NavToggle.className = 'NavToggle';
−
var i, j, navFrame, navToggle, navToggleText, navChild,
+
NavToggle.setAttribute('href', '#');
−
indexNavigationBar = 0,
 
−
navFrames = $content.find( 'div.NavFrame' ).toArray();
 
 
   
 
   
−
// Iterate over all (new) nav frames
+
var NavToggleText = document.createTextNode(textHide);
−
for ( i = 0; i < navFrames.length; i++ ) {
+
NavToggle.appendChild(NavToggleText);
−
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 );
+
// add NavToggle-Button as first div-element
−
for ( navChild = navFrame.firstChild; navChild != null; navChild = navChild.nextSibling ) {
+
// in < div class="NavFrame" >
−
if ( $( navChild ).hasClass( 'NavPic' ) || $( navChild ).hasClass( 'NavContent' ) ) {
+
NavFrame.insertBefore(NavToggle, NavFrame.firstChild);
−
if ( navChild.style.display == 'none' ) {
 
−
navToggleText = document.createTextNode( navigationBarShow );
 
−
break;
 
−
}
 
−
}
 
−
}
 
 
   
 
   
−
navToggle.appendChild( navToggleText );
+
NavToggle.onclick = toggleNavigationBarFunction(NavToggle, NavFrame);
−
// Find the NavHead and attach the toggle link (Must be this complicated because Moz's firstChild handling is borked)
+
if (initiallyToggle) {
−
for ( j = 0; j < navFrame.childNodes.length; j++ ) {
+
toggleNavigationBar(NavToggle, NavFrame);
−
if ( $( navFrame.childNodes[j] ).hasClass( 'NavHead' ) ) {
 
−
navFrame.childNodes[j].appendChild( navToggle );
 
−
}
 
 
}
 
}
−
navFrame.setAttribute( 'id', 'NavFrame' + indexNavigationBar );
 
 
}
 
}
−
}
+
})});
−
 
−
mw.hook( 'wikipage.content' ).add( createNavigationBarToggleButton );
 
−
 
−
}());
 

Aktuelle Version vom 10. Mai 2014, 13: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);
		}
	}
})});