|
|
Linha 1: |
Linha 1: |
| /* Códigos javascript aqui colocados serão carregados por todos aqueles que acessarem alguma página deste wiki */ | | /* Códigos javascript aqui colocados serão carregados por todos aqueles que acessarem alguma página deste wiki */ |
| + | |
| + | /** 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 ); |