MediaWiki:Common.js: Unterschied zwischen den Versionen

Aus Planet 3DNow! Distributed Computing Wiki
Zur Navigation springen Zur Suche springen
(Debug-Nachricht entfernt)
(CSS-Änderungen)
Zeile 13: Zeile 13:
 
  // END Event Hooking
 
  // END Event Hooking
 
  // ============================================================
 
  // ============================================================
 
+
 
  // ============================================================
 
  // ============================================================
 
  // BEGIN Dynamic Navigation Bars
 
  // BEGIN Dynamic Navigation Bars
Zeile 34: Zeile 34:
 
  function toggleNavigationBar(indexNavigationBar)
 
  function toggleNavigationBar(indexNavigationBar)
 
  {
 
  {
     var NavToggle = document.getElementById("NavToggle" + indexNavigationBar);
+
     var NavToggle = document.getElementById("dcw_navitoggle" + indexNavigationBar);
     var NavFrame = document.getElementById("NavFrame" + indexNavigationBar);
+
     var NavFrame = document.getElementById("dcw_naviframe" + indexNavigationBar);
 
   
 
   
 
     if(!NavFrame || !NavToggle) {
 
     if(!NavFrame || !NavToggle) {
Zeile 44: Zeile 44:
 
     if(NavToggle.firstChild.data == NavigationBarHide) {
 
     if(NavToggle.firstChild.data == NavigationBarHide) {
 
         for(var NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling) {
 
         for(var NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling) {
             if(NavChild.className == 'NavPic') {
+
             if(NavChild.className == 'dcw_navipicture') {
 
                 NavChild.style.display = 'none';
 
                 NavChild.style.display = 'none';
 
             }
 
             }
             if(NavChild.className == 'NavContent') {
+
             if(NavChild.className == 'dcw_navicontent') {
 
                 NavChild.style.display = 'none';
 
                 NavChild.style.display = 'none';
 
             }
 
             }
             if(NavChild.className == 'NavToggle') {
+
             if(NavChild.className == 'dcw_navitoggle') {
 
                 NavChild.firstChild.data = NavigationBarShow;
 
                 NavChild.firstChild.data = NavigationBarShow;
 
             }
 
             }
Zeile 58: Zeile 58:
 
     } else if(NavToggle.firstChild.data == NavigationBarShow) {
 
     } else if(NavToggle.firstChild.data == NavigationBarShow) {
 
         for(var NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling) {
 
         for(var NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling) {
             if(NavChild.className == 'NavPic') {
+
             if(NavChild.className == 'dcw_navipicture') {
 
                 NavChild.style.display = 'block';
 
                 NavChild.style.display = 'block';
 
             }
 
             }
             if(NavChild.className == 'NavContent') {
+
             if(NavChild.className == 'dcw_navicontent') {
 
                 NavChild.style.display = 'block';
 
                 NavChild.style.display = 'block';
 
             }
 
             }
             if(NavChild.className == 'NavToggle') {
+
             if(NavChild.className == 'dcw_navitoggle') {
 
                 NavChild.firstChild.data = NavigationBarHide;
 
                 NavChild.firstChild.data = NavigationBarHide;
 
             }
 
             }
Zeile 78: Zeile 78:
 
     for(var i = 0; NavFrame = document.getElementsByTagName("div")[i]; ++i) {
 
     for(var i = 0; NavFrame = document.getElementsByTagName("div")[i]; ++i) {
 
         // if found a navigation bar
 
         // if found a navigation bar
         if(NavFrame.className == "NavFrame") {
+
         if(NavFrame.className == "dcw_naviframe") {
 
             ++indexNavigationBar;
 
             ++indexNavigationBar;
 
             var NavToggle = document.createElement("a");
 
             var NavToggle = document.createElement("a");
             NavToggle.className = 'NavToggle';
+
             NavToggle.className = 'dcw_navitoggle';
             NavToggle.setAttribute('id', 'NavToggle' + indexNavigationBar);
+
             NavToggle.setAttribute('id', 'dcw_navitoggle' + indexNavigationBar);
 
             NavToggle.setAttribute('href', 'javascript:toggleNavigationBar(' + indexNavigationBar + ');');
 
             NavToggle.setAttribute('href', 'javascript:toggleNavigationBar(' + indexNavigationBar + ');');
 
   
 
   
Zeile 89: Zeile 89:
 
   
 
   
 
             // add NavToggle-Button as first div-element  
 
             // add NavToggle-Button as first div-element  
             // in < div class="NavFrame" >
+
             // in < div class="dcw_naviframe" >
 
             NavFrame.insertBefore(NavToggle, NavFrame.firstChild);
 
             NavFrame.insertBefore(NavToggle, NavFrame.firstChild);
             NavFrame.setAttribute('id', 'NavFrame' + indexNavigationBar);
+
             NavFrame.setAttribute('id', 'dcw_naviframe' + indexNavigationBar);
 
         }
 
         }
 
     }
 
     }

Version vom 27. Juni 2007, 13:23 Uhr

/* Jedes JavaScript hier wird für alle Benutzer für jede Seite geladen. */

 // ============================================================
 // BEGIN Event Hooking
 function hookEvent(hookName, hookFunct)
 {
   if(window.addEventListener) {
     window.addEventListener(hookName, hookFunct, false);
   } else if(window.attachEvent) {
     window.attachEvent("on" + hookName, hookFunct);
   }
 }
 // END Event Hooking
 // ============================================================
 
 // ============================================================
 // BEGIN Dynamic Navigation Bars
 
 // set up the words in your language
 var NavigationBarHide = 'Einklappen';
 var NavigationBarShow = 'Ausklappen';
 
 // 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
 if(typeof NavigationBarShowDefault == 'undefined' ) {
     var NavigationBarShowDefault = 1;
 }
 
 // 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("dcw_navitoggle" + indexNavigationBar);
    var NavFrame = document.getElementById("dcw_naviframe" + 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(NavChild.className == 'dcw_navipicture') {
                NavChild.style.display = 'none';
            }
            if(NavChild.className == 'dcw_navicontent') {
                NavChild.style.display = 'none';
            }
            if(NavChild.className == 'dcw_navitoggle') {
                NavChild.firstChild.data = NavigationBarShow;
            }
        }
 
    // if hidden now
    } else if(NavToggle.firstChild.data == NavigationBarShow) {
        for(var NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling) {
            if(NavChild.className == 'dcw_navipicture') {
                NavChild.style.display = 'block';
            }
            if(NavChild.className == 'dcw_navicontent') {
                NavChild.style.display = 'block';
            }
            if(NavChild.className == 'dcw_navitoggle') {
                NavChild.firstChild.data = NavigationBarHide;
            }
        }
    }
 }
 
 // adds show/hide-button to navigation bars
 function createNavigationBarToggleButton()
 {
    var indexNavigationBar = 0;
    // iterate over all < div >-elements
    for(var i = 0; NavFrame = document.getElementsByTagName("div")[i]; ++i) {
        // if found a navigation bar
        if(NavFrame.className == "dcw_naviframe") {
            ++indexNavigationBar;
            var NavToggle = document.createElement("a");
            NavToggle.className = 'dcw_navitoggle';
            NavToggle.setAttribute('id', 'dcw_navitoggle' + indexNavigationBar);
            NavToggle.setAttribute('href', 'javascript:toggleNavigationBar(' + indexNavigationBar + ');');
 
            var NavToggleText = document.createTextNode(NavigationBarHide);
            NavToggle.appendChild(NavToggleText);
 
            // add NavToggle-Button as first div-element 
            // in < div class="dcw_naviframe" >
            NavFrame.insertBefore(NavToggle, NavFrame.firstChild);
            NavFrame.setAttribute('id', 'dcw_naviframe' + indexNavigationBar);
        }
    }
    // if more Navigation Bars found than Default: hide all
    if(NavigationBarShowDefault < indexNavigationBar) {
        for(var i = 1; i <= indexNavigationBar; ++i) {
            toggleNavigationBar(i);
        }
    }
 }
 
 hookEvent("load", createNavigationBarToggleButton);
 
 // END Dynamic Navigation Bars
 // ============================================================