Bruker:Wintermute/skjul.js

Fra Wikipedia, den frie encyklopedi

NB: Etter å ha lagret må du tømme nettleserens mellomlager («cache») for å kunne se endringene: Mozilla/Safari/Konqueror: hold nede Shift mens du klikker på Reload (eller trykk Ctrl-Shift-R), IE: trykk Ctrl-F5, Opera: trykk F5.

 // ============================================================
 // SKJUL
 // ============================================================
 
 // Dette er en videreutvikling/tilpassing fra [[:da:MediaWiki:Monobook.js]]
 
 // Følgende funksjoner brukes for å skjule navigasjonsbokser m.m.
 // Alle <div>-er klassifisert som .skjulRamme får en knapp (.skjulKnapp)
 // Når denne trykkes vil alt innholdet av .skjulInnhold <div>-er bli skjult/vist
 // Alt vil i utganspunktet være vist, med mindre:
 //  - Antallet .skjulRamme overskrider en grense satt med 'NavigationBarShowDefault'
 //  - Rammen er også klassifisert .skjult
 //
 // I navigasjonsbokser vil det i tilleg dukke opp en .skjulBryter
 // Denne er usynlig, men gjør det mulig å skjule selv om det er et bilde til høyre i malen

 
 // Definerer hva som står på knappene
 var NavigationBarHide = 'skjul';
 var NavigationBarShow = 'vis';
 
 // Setter opp maks antall rammer som vises
 // overskrides tallet vil alle være skjult
 var NavigationBarShowDefault = 2;
 
 
 // toggleNavigationBar
 // ============================================================
 // Skjuler, eller viser, innholdet i rammen
 // Parametre:
 //   indexNavigationBar: nummeret til rammen som skal endres
 
 function toggleNavigationBar(indexNavigationBar)
 {
     // Finner knapp og ramme
     var NavToggle = document.getElementById('skjulKnapp' + indexNavigationBar);
     var NavFrame = document.getElementById('skjulRamme' + indexNavigationBar);
 
     if (!NavFrame || !NavToggle) {
         return false;
     }
 
     // Leter gjennom rammen for å finne ting som skal skjules og endrer knapp
     if (NavToggle.firstChild.data == NavigationBarHide) {
         for (
                 var NavChild = NavFrame.firstChild;
                 NavChild != null;
                 NavChild = NavChild.nextSibling
             ) {
             if (/skjulInnhold/.test(NavChild.className)) NavChild.style.display = 'none';
         } // end for
         NavToggle.firstChild.data = NavigationBarShow;
 
     // Leter gjennom rammen for å finne ting som skal vises og endrer knapp
     } else if (NavToggle.firstChild.data == NavigationBarShow) {
         for (
                 var NavChild = NavFrame.firstChild;
                 NavChild != null;
                 NavChild = NavChild.nextSibling
             ) {
             if (/skjulInnhold/.test(NavChild.className)) NavChild.style.display = 'block';
         } // end for
         NavToggle.firstChild.data = NavigationBarHide;
     } // end if-else
 } // end function
 
 // createNavigationBarToggleButton
 // ============================================================
 // Legger på knapper på alle rammene og skjuler rammer dersom påkrevd
 
 function createNavigationBarToggleButton()
 {
     var indexNavigationBar = 0;
 
     // Leter gjennom alle <div>-er
     for(
             var i=0; 
             NavFrame = document.getElementsByTagName("div")[i]; 
             i++
         ) {
         // Dersom en ramme blir funnet
         if (/skjulRamme/.test(NavFrame.className)) {
 
             indexNavigationBar++;
 
             // Gjør klar knappen
             var NavToggle = document.createElement("a");
             NavToggle.setAttribute('href', 'javascript:toggleNavigationBar(' + indexNavigationBar + ');');
             NavToggle.setAttribute('id', 'skjulKnapp' + indexNavigationBar);
             var NavToggleText = document.createTextNode(NavigationBarHide);
             NavToggle.appendChild(NavToggleText);
 
             // Gjør klar ramme til knappen
             var outerSpan = document.createElement('span');
             outerSpan.className = 'skjulKnapp';
             
             outerSpan.appendChild(document.createTextNode('['));
             outerSpan.appendChild(NavToggle);
             outerSpan.appendChild(document.createTextNode(']'));

             // Setter .skjulKnapp som første element i .skjulRamme
             NavFrame.insertBefore(
                 outerSpan,
                 NavFrame.firstChild
             );

             // Dersom det er en navigasjonsboks
             if (/NavFrame/.test(NavFrame.className)) {
                 // Gjør klar bryteren
                 var NavToggle2 = document.createElement("a");
                 NavToggle2.className = 'skjulBryter';
                 NavToggle2.setAttribute('id', 'skjulBryter' + indexNavigationBar);
                 NavToggle2.setAttribute('href', 'javascript:toggleNavigationBar(' + indexNavigationBar + ');');
                 var NavToggleText2 = document.createTextNode('\xA0\xA0\xA0');
                 NavToggle2.appendChild(NavToggleText2);
                 
                 // Setter .skjulBryter som første element i .skjulRamme .NavFrame
                 NavFrame.insertBefore(
                     NavToggle2,
                     NavFrame.firstChild
                 );
             } // end if
             
             // Setter identen til rammen
             NavFrame.setAttribute('id', 'skjulRamme' + indexNavigationBar);
         } // end if
     } // end for
     
     // Dersom det er flere rammer en default skjules de
     if (NavigationBarShowDefault < indexNavigationBar) {
         for(
                 var i=1; 
                 i<=indexNavigationBar; 
                 i++
         ) {
             toggleNavigationBar(i);
         }
     // Hvis ikke, skjules alle merket med .skjult
     } else {
         for(
                 var i=1; 
                 i<=indexNavigationBar; 
                 i++
         ) {
             if (/skjult/.test(document.getElementById('skjulRamme' + i).className)) {
                 toggleNavigationBar(i);
             }
         }
     } // end if
 } // end function
 
 // Legger den sist i rekken over ting som skal gjøres når siden er klar
 addLoadEvent(createNavigationBarToggleButton);
 
 // END SKJUL
 // ============================================================