MediaWiki:Common.js
(Różnice między wersjami)
Strona działa w trybie archiwalnym. Jest tylko do odczytu!
(Utworzył nową stronę „– →Umieszczony tutaj kod JavaScript zostanie załadowany przez każdego użytkownika, podczas każdego ładowania strony.: /** Collapsible tables *******************...”) |
m |
||
Linia 1: | Linia 1: | ||
/* Umieszczony tutaj kod JavaScript zostanie załadowany przez każdego użytkownika, podczas każdego ładowania strony. */ | /* Umieszczony tutaj kod JavaScript zostanie załadowany przez każdego użytkownika, podczas każdego ładowania strony. */ | ||
− | /** | + | /* #################### kod zamykalny ramek #################### */ |
+ | /** Dynamic Navigation Bars (experimental) ************************************* | ||
* | * | ||
− | * Description: | + | * Description: See [[Wikipedia:NavFrame]]. |
− | + | * Maintainers: UNMAINTAINED | |
− | * Maintainers: | + | |
*/ | */ | ||
− | var | + | // set up the words in your language |
− | var | + | var NavigationBarHide = '[' + collapseCaption + ']'; |
− | + | var NavigationBarShow = '[' + expandCaption + ']'; | |
− | 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 | + | var NavToggle = document.getElementById("NavToggle" + indexNavigationBar); |
− | var | + | var NavFrame = document.getElementById("NavFrame" + indexNavigationBar); |
− | if ( ! | + | if (!NavFrame || !NavToggle) { |
return false; | return false; | ||
} | } | ||
− | var | + | // 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 ( | + | // if hidden now |
− | for ( var | + | } 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; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
} | } | ||
− | function | + | // adds show/hide-button to navigation bars |
+ | function createNavigationBarToggleButton() | ||
{ | { | ||
− | var | + | var indexNavigationBar = 0; |
− | var | + | // iterate over all < div >-elements |
− | var | + | 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" ); |
− | var | + | /* |
− | if (! | + | * Check if any children are already hidden. This loop is here for backwards compatibility: |
− | var | + | * 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( | + | addOnloadHook( createNavigationBarToggleButton ); |
− | + | ||
− | /* | + | /* #################### kod zamykalny ramek #################### */ |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + |
Wersja z 12:15, 25 cze 2009
/* Umieszczony tutaj kod JavaScript zostanie załadowany przez każdego użytkownika, podczas każdego ładowania strony. */ /* #################### kod zamykalny ramek #################### */ /** 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 ); /* #################### kod zamykalny ramek #################### */