MediaWiki:Common.js: diferència entre les revisions
 Afegir una nova funció  | 
				 Afegir mes funcions  | 
				||
| Línia 155: | Línia 155: | ||
  addOnloadHook( createCollapseButtons );  |   addOnloadHook( createCollapseButtons );  | ||
/** Dynamic Navigation Bars (experimental) *************************************  | |||
  *  | |||
  *  Description: See [[Wikipedia:NavFrame]].  | |||
  *  Maintainers: UNMAINTAINED  | |||
  */  | |||
  // set up the words in your language  | |||
  var NavigationBarHide = '[' + collapseCaption + ']';  | |||
  var NavigationBarShow = '[' + expandCaption + ']';  | |||
  // set up max count of Navigation Bars on page,  | |||
  // if there are more, all will be hidden  | |||
  // NavigationBarShowDefault = 0; // all bars will be hidden  | |||
  // NavigationBarShowDefault = 1; // on pages with more than 1 bar all bars will be hidden  | |||
  var NavigationBarShowDefault = autoCollapse;  | |||
  // 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);  | |||
             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);  | |||
         }  | |||
     }  | |||
     // if more Navigation Bars found than Default: hide all  | |||
     if (NavigationBarShowDefault < indexNavigationBar) {  | |||
         for(  | |||
                 var i=1;   | |||
                 i<=indexNavigationBar;   | |||
                 i++  | |||
         ) {  | |||
             toggleNavigationBar(i);  | |||
         }  | |||
     }  | |||
  }   | |||
  addOnloadHook( createNavigationBarToggleButton );  | |||
/** *************************************  | |||
/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 isCollapsed = hasClass( NavFrame, "collapsed" );  | |||
            /*  | |||
             * Check if any children are already hidden.  This loop is here for backwards compatibility:  | |||
             * the old way of making NavFrames start out collapsed was to manually add style="display:none"  | |||
             * to all the NavPic/NavContent elements.  Since this was bad for accessibility (no way to make  | |||
             * the content visible without JavaScript support), the new recommended way is to add the class  | |||
             * "collapsed" to the NavFrame itself, just like with collapsible tables.  | |||
             */  | |||
            for (var NavChild = NavFrame.firstChild; NavChild != null && !isCollapsed; NavChild = NavChild.nextSibling) {  | |||
                if ( hasClass( NavChild, 'NavPic' ) || hasClass( NavChild, 'NavContent' ) ) {  | |||
                    if ( NavChild.style.display == 'none' ) {  | |||
                        isCollapsed = true;  | |||
                    }  | |||
                }  | |||
            }  | |||
            if (isCollapsed) {  | |||
                for (var NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling) {  | |||
                    if ( hasClass( NavChild, 'NavPic' ) || hasClass( NavChild, 'NavContent' ) ) {  | |||
                        NavChild.style.display = 'none';  | |||
                    }  | |||
                }  | |||
            }  | |||
            var NavToggleText = document.createTextNode(isCollapsed ? NavigationBarShow : NavigationBarHide);  | |||
            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 );  | |||
// ************************************************************  | // ************************************************************  | ||
// Resums d'edició  | // Resums d'edició  | ||