MediaWiki:Common.js: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Inhalt hinzugefügt Inhalt gelöscht
Keine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
Zeile 152: | Zeile 152: | ||
addOnloadHook(toggleInit); |
addOnloadHook(toggleInit); |
||
+ | //*** Dynamic Navigation Bars |
||
− | /* Stylesheet-Ergänzung zu Standard-[[Wikipedia:Navigationsleisten|Navigationsleisten]] */ |
||
+ | // set up the words in your language |
||
− | div.BoxenVerschmelzen, |
||
+ | var NavigationBarHide = 'Einklappen'; |
||
− | div.NavFrame { |
||
+ | var NavigationBarShow = 'Ausklappen'; |
||
− | margin: 0px; |
||
− | padding: 2px; |
||
− | border: 1px solid #aaaaaa; |
||
− | text-align: center; |
||
− | border-collapse: collapse; |
||
− | font-size: 95%; |
||
− | clear:both; |
||
− | } |
||
− | div.BoxenVerschmelzen div.NavFrame { |
||
− | border-style: none; |
||
− | border-style: hidden; |
||
− | } |
||
− | div.NavFrame + div.NavFrame { |
||
− | border-top-style: none; |
||
− | border-top-style: hidden; |
||
− | } |
||
− | div.NavPic { |
||
− | background-color: #ffffff; |
||
− | margin: 0px; |
||
− | padding: 2px; |
||
− | float: left; |
||
− | } |
||
− | div.NavFrame div.NavHead { |
||
− | height: 1.6em; |
||
− | font-weight: bold; |
||
− | font-size: 100%; |
||
− | background-color: #efefef; |
||
− | } |
||
− | div.NavFrame p { |
||
− | font-size: 100%; |
||
− | } |
||
− | div.NavFrame div.NavContent { |
||
− | font-size: 100%; |
||
− | } |
||
− | div.NavFrame div.NavContent p { |
||
− | font-size: 100%; |
||
− | } |
||
− | div.NavEnd { |
||
− | margin: 0px; |
||
− | padding: 0px; |
||
− | line-height: 1px; |
||
− | clear: both; |
||
− | } |
||
+ | // set up max count of Navigation Bars on page, |
||
− | /* Stylesheet fuer den 'Ausklappen'-Button an Navileisten, der in [[MediaWiki:Common.js]] implementiert wird */ |
||
+ | // if there are more, all will be hidden |
||
− | .NavToggle { |
||
+ | // NavigationBarShowDefault = 0; // all bars will be hidden |
||
− | font-size: x-small; |
||
+ | // NavigationBarShowDefault = 1; // on pages with more than 1 bar all bars will be hidden |
||
− | float:right; |
||
+ | if (typeof NavigationBarShowDefault == 'undefined' ) { |
||
+ | var NavigationBarShowDefault = 1; |
||
} |
} |
||
+ | // adds show/hide-button to navigation bars |
||
− | /* Abstand vor Navigationsleisten */ |
||
+ | 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(indexNavigationBar) |
||
+ | { |
||
+ | var NavToggle = document.getElementById("NavToggle" + indexNavigationBar); |
||
+ | var NavFrame = document.getElementById("NavFrame" + indexNavigationBar); |
||
+ | if (!NavFrame || !NavToggle) { |
||
− | div.BoxenVerschmelzen, |
||
+ | return false; |
||
− | div.NavFrame { |
||
+ | } |
||
− | margin-top: 1.5em; |
||
− | + | ||
+ | // if shown now |
||
− | div.BoxenVerschmelzen div.NavFrame { |
||
+ | if (NavToggle.firstChild.data == NavigationBarHide) { |
||
− | margin-top: 0; |
||
+ | for ( |
||
− | } |
||
+ | var NavChild = NavFrame.firstChild; |
||
− | div.NavFrame + div.NavFrame { |
||
+ | NavChild != null; |
||
− | margin-top: 0; |
||
+ | 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(indexNavigationBar) { |
||
+ | return function() { |
||
+ | toggleNavigationBar(indexNavigationBar); |
||
+ | return false; |
||
+ | }; |
||
+ | } |
||
+ | |||
+ | var indexNavigationBar = 0; |
||
+ | // iterate over all < div >-elements |
||
+ | var divs = document.getElementsByTagName("div"); |
||
+ | for (var i=0; i<divs.length; i++) { |
||
+ | var NavFrame = divs[i]; |
||
+ | // if found a navigation bar |
||
+ | if (NavFrame.className == "NavFrame") { |
||
+ | |||
+ | indexNavigationBar++; |
||
+ | var NavToggle = document.createElement("a"); |
||
+ | NavToggle.className = 'NavToggle'; |
||
+ | NavToggle.setAttribute('id', 'NavToggle' + indexNavigationBar); |
||
+ | NavToggle.setAttribute('href', '#'); |
||
+ | NavToggle.onclick = toggleNavigationBarFunction(indexNavigationBar); |
||
+ | |||
+ | var NavToggleText = document.createTextNode(NavigationBarHide); |
||
+ | NavToggle.appendChild(NavToggleText); |
||
+ | |||
+ | // add NavToggle-Button as first div-element |
||
+ | // in < div class="NavFrame" > |
||
+ | NavFrame.insertBefore( |
||
+ | NavToggle, |
||
+ | NavFrame.firstChild |
||
+ | ); |
||
+ | 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); |
||
+ | } |
||
+ | } |
||
+ | }); |
Version vom 7. Juni 2009, 15:31 Uhr
/* Folgendes Script wird in jedem Skin geladen */ //TOGGLE //Austin Che http://openwetware.org/wiki/User:Austin // indexed array of toggler ids to array of associated toggle operations // each operation is a two element array, the first being the type, the second a class name or array of elements // operation types are strings like "_reset" or "" for the default toggle operation var togglers = new Array(); var allClasses = new Object(); // associative map of class names to page elements function toggler(id) { var toBeToggled = togglers[id]; if (!toBeToggled) return; // if some element is in list more than once, it will be toggled multiple times for (var i = 0; i < toBeToggled.length; i++) { // get array of elements to operate on var toggles = toBeToggled[i][1]; if (typeof(toggles) == "string") { if (toggles.charAt(0) == '-') { // treat as an element ID, not as class toggles = document.getElementById(toggles.substring(1)); if (toggles) toggles = new Array(toggles); } else toggles = allClasses[toggles]; } if (!toggles || !toggles.length) continue; var op = toBeToggled[i][0]; // what the operation will be switch (op) { case "_reset": for (var j in toggles) toggles[j].style.display = toggles[j]._toggle_original_display; break; case "_show": for (var j in toggles) toggles[j].style.display = ''; break; case "_hide": for (var j in toggles) toggles[j].style.display = 'none'; break; case "": default: // Toggle for (var j in toggles) toggles[j].style.display = ((toggles[j].style.display == 'none') ? '' : 'none'); break; } } } function createTogglerLink(toggler, id) { var toggle = document.createElement("a"); toggle.className = 'toggler-link'; toggle.setAttribute('id', 'toggler' + id); toggle.setAttribute('href', 'javascript:toggler("' + id + '");'); var child = toggler.firstChild; toggler.removeChild(child); toggle.appendChild(child); toggler.insertBefore(toggle, toggler.firstChild); } function toggleInit() { var togglerElems = new Array(); var toggleGroup = new Array(); // make list of all document classes var elems = document.getElementsByTagName("*"); var numelems = elems.length; for (var i = 0; i < elems.length; i++) { var elem = elems[i]; if (!elem.className) continue; elem._toggle_original_display = elem.style.display; var togglerID = -1; var elemClasses = elem.className.split(' '); // get list of classes for (var j = 0; j < elemClasses.length; j++) { var elemClass = elemClasses[j]; if (! allClasses[elemClass]) allClasses[elemClass] = new Array(); allClasses[elemClass].push(elem); // all the special classes begin with _toggle if (elemClass.substring(0, 7) != "_toggle") continue; if (elemClass == "_togglegroup") toggleGroup = new Array(); else if (elemClass == "_toggle") toggleGroup.push(elem); else if (elemClass.substring(0, 12) == "_toggle_init") { // set initial value for display (ignore the original CSS set value) // understands _toggle_initshow and _toggle_inithide var disp = elemClass.substring(12); if (disp == "show") elem.style.display = ''; else if (disp == "hide") elem.style.display = 'none'; elem._toggle_original_display = disp; } else if (elemClass.substring(0, 8) == "_toggler") { if (togglerID == -1) { togglerID = togglers.length; togglers[togglerID] = new Array(); togglerElems[togglerID] = elem; } // all classes are of form _toggler_op-CLASS // figure out what class we're toggling // if none is specified, then we use the current toggle group var toBeToggled; var hyphen = elemClass.indexOf('-'); if (hyphen != -1) toBeToggled = elemClass.substring(hyphen+1); else { toBeToggled = toggleGroup; hyphen = elemClass.length; } var op = elemClass.substring(8, hyphen); togglers[togglerID].push(new Array(op, toBeToggled)); } } } // add javascript links to all toggler elements for (var i = 0; i < togglerElems.length; i++) createTogglerLink(togglerElems[i], i); } addOnloadHook(toggleInit); //*** 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(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 (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(indexNavigationBar) { return function() { toggleNavigationBar(indexNavigationBar); return false; }; } var indexNavigationBar = 0; // iterate over all < div >-elements var divs = document.getElementsByTagName("div"); for (var i=0; i<divs.length; i++) { var NavFrame = divs[i]; // if found a navigation bar if (NavFrame.className == "NavFrame") { indexNavigationBar++; var NavToggle = document.createElement("a"); NavToggle.className = 'NavToggle'; NavToggle.setAttribute('id', 'NavToggle' + indexNavigationBar); NavToggle.setAttribute('href', '#'); NavToggle.onclick = toggleNavigationBarFunction(indexNavigationBar); var NavToggleText = document.createTextNode(NavigationBarHide); NavToggle.appendChild(NavToggleText); // add NavToggle-Button as first div-element // in < div class="NavFrame" > NavFrame.insertBefore( NavToggle, NavFrame.firstChild ); 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); } } });