MediaWiki:Common.js: Difference between revisions

← Older edit

MediaWiki:Common.js (view source)

Revision as of 01:27, 1 September 2016

4,346 bytes added , 1 September 2016

no edit summary

Rich

Bureaucrats, Interface administrators, Power Users, Administrators

24,070

edits

@@ Line 102: / Line 102: @@
 mw.hook( 'wikipage.content' ).add( createCollapseButtons );
+ /** Dynamic Navigation Bars (experimental) *************************************
+  *
+  *  Description: See [[Wikipedia:NavFrame]].
+  *  Maintainers: UNMAINTAINED
+  */
+  // set up the words in your language
+  var NavigationBarHide = '[' + collapseCaption + ']';
+  var NavigationBarShow = '[' + expandCaption + ']';
+  // shows and hides content and picture (if available) of navigation bars
+  // Parameters:
+  //     indexNavigationBar: the index of navigation bar to be toggled
+  function toggleNavigationBar(indexNavigationBar)
+  {
+     var NavToggle = document.getElementById("NavToggle" + indexNavigationBar);
+     var NavFrame = document.getElementById("NavFrame" + indexNavigationBar);
+     if (!NavFrame || !NavToggle) {
+         return false;
+     }
+     // if shown now
+     if (NavToggle.firstChild.data == NavigationBarHide) {
+         for (
+                 var NavChild = NavFrame.firstChild;
+                 NavChild != null;
+                 NavChild = NavChild.nextSibling
+             ) {
+             if ( hasClass( NavChild, 'NavPic' ) ) {
+                 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 (
+                 var NavChild = NavFrame.firstChild;
+                 NavChild != null;
+                 NavChild = NavChild.nextSibling
+             ) {
+             if (hasClass(NavChild, 'NavPic')) {
+                 NavChild.style.display = 'block';
+             }
+             if (hasClass(NavChild, 'NavContent')) {
+                 NavChild.style.display = 'block';
+             }
+         }
+     NavToggle.firstChild.data = NavigationBarHide;
+     }
+  }
+  // adds show/hide-button to navigation bars
+  function createNavigationBarToggleButton()
+  {
+     var indexNavigationBar = 0;
+     // iterate over all < div >-elements
+     var divs = document.getElementsByTagName("div");
+     for(
+             var i=0;
+             NavFrame = divs[i];
+             i++
+         ) {
+         // if found a navigation bar
+         if (hasClass(NavFrame, "NavFrame")) {
+             indexNavigationBar++;
+             var NavToggle = document.createElement("a");
+             NavToggle.className = 'NavToggle';
+             NavToggle.setAttribute('id', 'NavToggle' + indexNavigationBar);
+             NavToggle.setAttribute('href', 'javascript:toggleNavigationBar(' + indexNavigationBar + ');');
+             var NavToggleText = document.createTextNode(NavigationBarHide);
+             for (
+                  var NavChild = NavFrame.firstChild;
+                  NavChild != null;
+                  NavChild = NavChild.nextSibling
+                 ) {
+                 if ( hasClass( NavChild, 'NavPic' ) || hasClass( NavChild, 'NavContent' ) ) {
+                     if (NavChild.style.display == 'none') {
+                         NavToggleText = document.createTextNode(NavigationBarShow);
+                         break;
+                     }
+                 }
+             }
+             NavToggle.appendChild(NavToggleText);
+             // Find the NavHead and attach the toggle link (Must be this complicated because Moz's firstChild handling is borked)
+             for(
+               var j=0;
+               j < NavFrame.childNodes.length;
+               j++
+             ) {
+               if (hasClass(NavFrame.childNodes[j], "NavHead")) {
+                 NavFrame.childNodes[j].appendChild(NavToggle);
+               }
+             }
+             NavFrame.setAttribute('id', 'NavFrame' + indexNavigationBar);
+         }
+     }
+  }
+  addOnloadHook( createNavigationBarToggleButton );
+/* Test if an element has a certain class **************************************
+  *
+  * Description: Uses regular expressions and caching for better performance.
+  * Maintainers: [[User:Mike Dillon]], [[User:R. Koot]], [[User:SG]]
+  */
+ var hasClass = (function () {
+     var reCache = {};
+     return function (element, className) {
+         return (reCache[className] ? reCache[className] : (reCache[className] = new RegExp("(?:\\s|^)" + className + "(?:\\s|$)"))).test(element.className);
+     };
+ })();