MediaWiki:Common.js: Unterschied zwischen den Versionen

Aus SchnuppTrupp
Wechseln zu: Navigation, Suche
K
K
Zeile 8: Zeile 8:
 
   }
 
   }
 
}
 
}
 
addOnloadHook( setup );
 
 
 
function toSt2(n) {
 
function toSt2(n) {
 
   s = "";
 
   s = "";
Zeile 58: Zeile 55:
 
}
 
}
  
/* Test if an element has a certain class
+
//================================================================================
* Maintainers: [[User:Mike Dillon]], [[User:R. Koot]], [[User:SG]]
+
//*** Dynamic Navigation Bars
*
+
* @deprecated:  Use $(element).hasClass() instead.
+
*/
+
 
   
 
   
var hasClass = (function () {
+
// set up the words in your language
    var reCache = {};
+
var NavigationBarHide = 'Einklappen';
    return function (element, className) {
+
var NavigationBarShow = 'Ausklappen';
        return (reCache[className] ? reCache[className] : (reCache[className] = new RegExp("(?:\\s|^)" + className + "(?:\\s|$)"))).test(element.className);
+
    };
+
})();
+
 
+
 
+
/** Collapsible tables *********************************************************
+
*
+
*  Description: Allows tables to be collapsed, showing only the header. See
+
*              [[Wikipedia:NavFrame]].
+
*  Maintainers: [[User:R. Koot]]
+
*/
+
 
   
 
   
var autoCollapse = 2;
+
// set up max count of Navigation Bars on page,
var collapseCaption = "verbergen";
+
// if there are more, all will be hidden
var expandCaption = "anzeigen";
+
NavigationBarShowDefault = 0; // all bars will be hidden
+
// NavigationBarShowDefault = 1; // on pages with more than 1 bar all bars will be hidden
function collapseTable( tableIndex ){
+
if (typeof NavigationBarShowDefault == 'undefined' ) {
    var Button = document.getElementById( "collapseButton" + tableIndex );
+
     var NavigationBarShowDefault = 1;
    var Table = document.getElementById( "collapsibleTable" + tableIndex );
+
+
    if ( !Table || !Button ) {
+
        return false;
+
    }
+
+
    var Rows = Table.rows;
+
+
    if ( Button.firstChild.data == collapseCaption ) {
+
        for ( var i = 1; i < Rows.length; i++ ) {
+
            Rows[i].style.display = "none";
+
        }
+
        Button.firstChild.data = expandCaption;
+
     } else {
+
        for ( var i = 1; i < Rows.length; i++ ) {
+
            Rows[i].style.display = Rows[0].style.display;
+
        }
+
        Button.firstChild.data = collapseCaption;
+
    }
+
 
}
 
}
 
   
 
   
function createCollapseButtons(){
+
// adds show/hide-button to navigation bars
    var tableIndex = 0;
+
addOnloadHook(function() {
     var NavigationBoxes = new Object();
+
// shows and hides content and picture (if available) of navigation bars
    var Tables = document.getElementsByTagName( "table" );
+
// Parameters:
 +
//     indexNavigationBar: the index of navigation bar to be toggled
 +
function toggleNavigationBar(NavToggle, NavFrame)
 +
{
 +
  if (!NavFrame || !NavToggle) {
 +
  return false;
 +
  }
 
   
 
   
    for ( var i = 0; i < Tables.length; i++ ) {
+
  // if shown now
        if ( hasClass( Tables[i], "collapsible" ) ) {
+
  if (NavToggle.firstChild.data == NavigationBarHide) {
 +
  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 = NavigationBarShow;
 +
  }
 +
  }
 
   
 
   
            /* only add button and increment count if there is a header row to work with */
+
  // if hidden now
            var HeaderRow = Tables[i].getElementsByTagName( "tr" )[0];
+
  } else if (NavToggle.firstChild.data == NavigationBarShow) {
            if (!HeaderRow) continue;
+
  for (
            var Header = HeaderRow.getElementsByTagName( "th" )[0];
+
  var NavChild = NavFrame.firstChild;
            if (!Header) continue;
+
  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 = NavigationBarHide;
 +
  }
 +
  }
 +
  }
 +
}
 
   
 
   
            NavigationBoxes[ tableIndex ] = Tables[i];
+
function toggleNavigationBarFunction(NavToggle, NavFrame) {
            Tables[i].setAttribute( "id", "collapsibleTable" + tableIndex );
+
return function() {
 +
toggleNavigationBar(NavToggle, NavFrame);
 +
return false;
 +
};
 +
}
 +
// iterate over all NavFrames
 +
var content = document.getElementById("content") || document.getElementById("mw_content");
 +
var NavFrames = getElementsByClassName(content, "div", "NavFrame");
 +
// if more Navigation Bars found and not template namespace than Default: hide all
 +
var initiallyToggle = NavigationBarShowDefault < NavFrames.length && 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 Button    = document.createElement( "span" );
+
var NavToggleText = document.createTextNode(NavigationBarHide);
            var ButtonLink = document.createElement( "a" );
+
NavToggle.appendChild(NavToggleText);
            var ButtonText = document.createTextNode( collapseCaption );
+
 
   
 
   
            Button.className = "collapseButton";  //Styles are declared in Common.css
+
// add NavToggle-Button as first div-element
+
// in < div class="NavFrame" >
            ButtonLink.style.color = Header.style.color;
+
NavFrame.insertBefore(NavToggle, NavFrame.firstChild);
            ButtonLink.setAttribute( "id", "collapseButton" + tableIndex );
+
            ButtonLink.setAttribute( "href", "#" );
+
            addHandler( ButtonLink,  "click", new Function( "evt", "collapseTable(" + tableIndex + " ); return killEvt( evt );") );
+
            ButtonLink.appendChild( ButtonText );
+
+
            Button.appendChild( document.createTextNode( "[" ) );
+
            Button.appendChild( ButtonLink );
+
            Button.appendChild( document.createTextNode( "]" ) );
+
+
            Header.insertBefore( Button, Header.childNodes[0] );
+
            tableIndex++;
+
        }
+
    }
+
+
    for ( var i = 0;  i < tableIndex; i++ ) {
+
        if ( hasClass( NavigationBoxes[i], "collapsed" ) || ( tableIndex >= autoCollapse && hasClass( NavigationBoxes[i], "autocollapse" ) ) ) {
+
            collapseTable( i );
+
        }
+
        else if ( hasClass( NavigationBoxes[i], "innercollapse" ) ) {
+
            var element = NavigationBoxes[i];
+
            while (element = element.parentNode) {
+
                if ( hasClass( element, "outercollapse" ) ) {
+
                    collapseTable ( i );
+
                    break;
+
                }
+
            }
+
        }
+
    }
+
}
+
+
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 + ']';
+
+
// 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, 'NavContent') || hasClass(NavChild, 'NavPic')) {
+
                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, 'NavContent') || hasClass(NavChild, 'NavPic')) {
+
                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")) {
+
                    NavToggle.style.color = NavFrame.childNodes[j].style.color;
+
                    NavFrame.childNodes[j].appendChild(NavToggle);
+
                }
+
            }
+
            NavFrame.setAttribute('id', 'NavFrame' + indexNavigationBar);
+
        }
+
    }
+
}
+
 
   
 
   
addOnloadHook( createNavigationBarToggleButton );
+
NavToggle.onclick = toggleNavigationBarFunction(NavToggle, NavFrame);
 +
if (initiallyToggle) {
 +
toggleNavigationBar(NavToggle, NavFrame);
 +
}
 +
}
 +
        setup();
 +
});

Version vom 6. Juli 2011, 15:21 Uhr

/* Das folgende JavaScript wird für alle Benutzer geladen. */

function setup() {
  if (document.getElementById('countdown')) {
    if (end = new Date(document.getElementById('countdown').innerHTML)) {
      setTimeout("countdown()", 500);
    }
  }
}
function toSt2(n) {
  s = "";
  if (n < 10) s += "0";
  return (s + n).toString();
}
function toSt3(n) {
  s = "";
  if (n < 10) s += "00";
  else if (n < 100) s += "0";
  return (s + n).toString();
}
function countdown() {
  var tname = ' Tage ';
  var hname = ' Stunden ';
  var mname = ' Minuten ';
  var sname = ' Sekunden ';
  var d = new Date();
  var count = Math.floor(end.getTime() - d.getTime());
  if(count > 0) {
    var miliseconds = toSt3(count%1000); count = Math.floor(count/1000);
    var seconds = toSt2(count%60); count = Math.floor(count/60);
    if (seconds==1) {
      sname = ' Sekunde ';
    }
    var minutes = toSt2(count%60); count = Math.floor(count/60);
    if (minutes==1) {
      mname = ' Minute ';
    }
    var hours = toSt2(count%24); count = Math.floor(count/24);
    if (hours==1) {
      hname = ' Stunde ';
    }
    var days = count;
    if (days==1) {
      tname = ' Tag ';
    }
    document.getElementById('countdown').innerHTML = days + tname + hours + hname + minutes + mname + seconds + sname +'';
    setTimeout("countdown()", 1000);
  }
}

function rskpopup (url,name,x,y) {
    newwindow= window.open(url, name, "width=" + x + ",height=" + y + ",scrollbars=no,location=no");
    newwindow.focus();

}

//================================================================================
//*** 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;
}
 
// adds show/hide-button to navigation bars
addOnloadHook(function() {
	// 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 == NavigationBarHide) {
		   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 = NavigationBarShow;
			   }
		   }
 
	   // if hidden now
	   } else if (NavToggle.firstChild.data == NavigationBarShow) {
		   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 = NavigationBarHide;
			   }
		   }
	   }
	}
 
	function toggleNavigationBarFunction(NavToggle, NavFrame) {
		return function() {
			toggleNavigationBar(NavToggle, NavFrame);
			return false;
		};
	}
	// iterate over all NavFrames
	var content	= document.getElementById("content") || document.getElementById("mw_content");
	var NavFrames = getElementsByClassName(content, "div", "NavFrame");
	// if more Navigation Bars found and not template namespace than Default: hide all
	var initiallyToggle	= NavigationBarShowDefault < NavFrames.length && 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(NavigationBarHide);
		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);
		}
	}
        setup();
});