MediaWiki:Common.js: Unterschied zwischen den Versionen
Aus FW Wiki
Dariak (Diskussion | Beiträge) |
Dariak (Diskussion | Beiträge) |
||
(3 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); } } })});