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);
		}
	}
})});