MediaWiki:Common.js: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Inhalt hinzugefügt Inhalt gelöscht
KKeine Bearbeitungszusammenfassung |
K (Die Seite wurde geleert.) |
||
| Zeile 1: | Zeile 1: | ||
| − | /* 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); |
||
| − | |||
| − | function toggleObjectVisibility(objectId) { |
||
| − | var styleObject = document.getElementById(objectId); |
||
| − | if (styleObject) { |
||
| − | if (styleObject.style.display == 'block') { |
||
| − | styleObject.style.display = "none"; |
||
| − | } else { |
||
| − | styleObject.style.display = "block"; |
||
| − | } |
||
| − | } |
||
| − | } |
||
| − | |||
| − | |||
| − | var spoilersDone, navbarsDone; |
||
| − | //================================================================================ |
||
| − | //*** 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("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; |
||
| − | } |
||
| − | } |
||
| − | } |
||
| − | |||
| − | } |
||
| − | |||
| − | // adds show/hide-button to navigation bars |
||
| − | function createNavigationBarToggleButton() |
||
| − | { |
||
| − | if (navbarsDone) return; |
||
| − | 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" || NavFrame.className == "NavFrame Ausgeklappt" || NavFrame.className == "NavFrame Zugeklappt") { |
||
| − | |||
| − | 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); |
||
| − | |||
| − | // add NavToggle-Button as first div-element |
||
| − | // in < div class="NavFrame" > |
||
| − | NavFrame.insertBefore( |
||
| − | NavToggle, |
||
| − | NavFrame.firstChild |
||
| − | ); |
||
| − | NavFrame.setAttribute('id', 'NavFrame' + indexNavigationBar); |
||
| − | if (NavFrame.className == "NavFrame Zugeklappt") toggleNavigationBar(indexNavigationBar); |
||
| − | } |
||
| − | } |
||
| − | // if more Navigation Bars found than Default: hide all |
||
| − | if (NavigationBarShowDefault < indexNavigationBar) { |
||
| − | for( |
||
| − | var i=1; |
||
| − | i<=indexNavigationBar; |
||
| − | i++ |
||
| − | ) { |
||
| − | var NavFrame = document.getElementById("NavFrame" + i); |
||
| − | if (NavFrame.className == "NavFrame") toggleNavigationBar(i); |
||
| − | } |
||
| − | } |
||
| − | navbarsDone = true; |
||
| − | } |
||
| − | |||
| − | if (typeof showAllSpoiler == 'undefined' ) { |
||
| − | var showAllSpoiler = 0; |
||
| − | } |
||
| − | |||
| − | function createSpoiler() { |
||
| − | if (showAllSpoiler || spoilersDone) return; |
||
| − | |||
| − | var indexSpoiler = 0; |
||
| − | // iterate over all < div >-elements |
||
| − | var divs = document.getElementsByTagName("div"); |
||
| − | for (var i=0; i<divs.length; i++) { |
||
| − | var Spoiler = divs[i]; |
||
| − | if (Spoiler.className == "spoiler") { |
||
| − | indexSpoiler++; |
||
| − | Spoiler.style.display = "none"; |
||
| − | |||
| − | var SpoilerToggle = document.createElement("a"); |
||
| − | SpoilerToggle.className = 'spoilerButton'; |
||
| − | SpoilerToggle.setAttribute('id', 'SpoilerToggle' +indexSpoiler); |
||
| − | SpoilerToggle.setAttribute('href', 'javascript:toggleObjectVisibility(\'Spoiler' + indexSpoiler + '\');'); |
||
| − | |||
| − | var spLabel = Spoiler.getAttribute("title"); |
||
| − | Spoiler.setAttribute("title", ""); |
||
| − | if (!spLabel) spLabel = "Spoiler"; |
||
| − | var SpoilerToggleText = document.createTextNode(spLabel); |
||
| − | SpoilerToggle.appendChild(SpoilerToggleText); |
||
| − | |||
| − | document.getElementById("bodyContent").insertBefore( |
||
| − | SpoilerToggle, |
||
| − | Spoiler |
||
| − | ); |
||
| − | Spoiler.setAttribute('id', 'Spoiler' + indexSpoiler); |
||
| − | } |
||
| − | } |
||
| − | spoilersDone = true; |
||
| − | } |
||
| − | |||
| − | function createContentTabs() { |
||
| − | var ict = 0, divs = document.getElementsByTagName("div"), defaultTab; |
||
| − | for (var i = 0; i<divs.length; i++) { |
||
| − | var ctdiv = divs[i]; |
||
| − | if (ctdiv.className == "Tabs") { |
||
| − | var firstTab, tabs; |
||
| − | ict++; |
||
| − | |||
| − | if (document.getElementById("ct_"+ict)) continue; |
||
| − | ctdiv.parentNode.id = "ct_"+ict; |
||
| − | tabs = ctdiv.childNodes; |
||
| − | defaultTab = ctdiv.title; |
||
| − | ctdiv.setAttribute("title", ""); |
||
| − | |||
| − | for (var j=0; j<tabs.length; j++) { |
||
| − | var tab = tabs[j]; |
||
| − | var toggle = document.createElement("a"); |
||
| − | var tabName = tab.className; |
||
| − | if (!tabName) continue; |
||
| − | |||
| − | toggle.setAttribute('href', 'javascript:toggleTab(\'ct_'+ict+'\', \''+tabName+'\');'); |
||
| − | toggle.setAttribute('id', 'ct_'+ict+'_'+tabName); |
||
| − | |||
| − | var spLabel = tab.innerHTML; |
||
| − | if (!spLabel) continue; |
||
| − | toggle.innerHTML = spLabel; |
||
| − | |||
| − | if (!firstTab) { |
||
| − | firstTab = tabName; |
||
| − | if (!defaultTab) { |
||
| − | defaultTab=tabName; |
||
| − | } |
||
| − | } |
||
| − | ctdiv.appendChild(toggle); |
||
| − | ctdiv.removeChild(tab); |
||
| − | } |
||
| − | toggleTab("ct_"+ict, defaultTab); |
||
| − | } |
||
| − | } |
||
| − | } |
||
| − | function toggleTab(ct_id, ct_tab) { |
||
| − | var a = document.getElementById(ct_id); |
||
| − | for (var i = 0; i<a.childNodes.length; i++) { |
||
| − | var b = a.childNodes[i]; |
||
| − | for (var j = 0; j<b.childNodes.length; j++) { |
||
| − | var c = b.childNodes[j]; |
||
| − | if(c.id||c.className) { |
||
| − | if (b.className=="Tabs") { |
||
| − | c.className=""; |
||
| − | } else if (b.className=="Contents") { |
||
| − | c.style.display="none"; |
||
| − | if (c.id==ct_tab) c.style.display = "block"; |
||
| − | } |
||
| − | } |
||
| − | } |
||
| − | } |
||
| − | document.getElementById(ct_id+"_"+ct_tab).className = "active"; |
||
| − | } |
||
| − | addOnloadHook(createNavigationBarToggleButton); |
||
| − | addOnloadHook(createSpoiler); |
||
| − | addOnloadHook(createContentTabs); |
||