MediaWiki:Common.js: Unterschied zwischen den Versionen
Aus FW Wiki
								
												
				Dariak (Diskussion | Beiträge)  | 
				Dariak (Diskussion | Beiträge)   | 
				||
| (2 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| 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  | ||
| + | |||
| + | // 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);  | ||
| + | 		}  | ||
| + | 	}  | ||
| + | })});  | ||
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);
		}
	}
})});