Benutzer:Loki/jahresartikelSelektor.js

Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.

• Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
• Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
• Internet Explorer/Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
• Opera: Strg+F5

mw.loader.load('Benutzer:Loki/hasClass.js');

/* Buttons für Jahresartikel-Selektion
*
*  Einschalten der opacity-Modifikation (Alternative zum Ausblenden):
*  var customJahresartikel = 'opac';
*/

var customJahresartikel = '';

function createSelectButtons() {

    if ( document.location.href.search('/199') != -1 ||
        document.location.href.search('/20') != -1 ) {

        var Selection = document.getElementsByTagName( "div" );

        for ( var i = 0; i < Selection.length; i++ ) {
            if ( hasClass( Selection[i], "jahresartikel" ) ) {

                var umbruch = 5;

                var buttonID = new Array(15);
                buttonID[0]  = "Wissenschaft";
                buttonID[1]  = "Unterwelt";
                buttonID[2]  = "Technologie";
                buttonID[3]  = "Sport";
                buttonID[4]  = "Religion";
                buttonID[5]  = "Raumfahrt";
                buttonID[6]  = "Politik";
                buttonID[7]  = "Metamenschen";
                buttonID[8]  = "Matrix";
                buttonID[9]  = "Magie";
                buttonID[10] = "Kriege";
                buttonID[11] = "Konzerne";
                buttonID[12] = "Kultur";
                buttonID[13] = "Katastrophen";
                buttonID[14] = "Drachen";
                buttonID[15] = "Alles";

                for ( var j = 0; j < buttonID.length; j++ ) {
                    var Button = document.createElement( "span" );

                    Button.style.styleFloat = "left";
                    Button.style.cssFloat = "left";
                    Button.style.fontWeight = "normal";
                    Button.style.textAlign = "center";
                    Button.style.width = "12em";

                    if (j == (buttonID.length - 1)) {
                        Button.style.styleFloat = "right";
                        Button.style.cssFloat = "right";
                        Button.style.position = "relative";
                        Button.style.top      = "1.5em";
                    }

                    var ButtonLink = document.createElement( "a" );

                    ButtonLink.style.color = Selection[i].style.color;
                    ButtonLink.setAttribute( "id", buttonID[j] );

                    var ButtonText = document.createTextNode( buttonID[j] );

                    if (j == (buttonID.length - 1) ) {
                        ButtonLink.setAttribute( "href", "javascript:displayAll()" );
                    } else {
                        ButtonLink.setAttribute( "href", "javascript:displayTheme('"
                        +buttonID[j].toLowerCase()+"')" );
                    }

                    ButtonLink.appendChild( ButtonText );

                    Button.appendChild( document.createTextNode( "[" ) );
                    Button.appendChild( ButtonLink );
                    Button.appendChild( document.createTextNode( "]" ) );

                    Selection[i].insertBefore( Button, Selection[i].childNodes[0] );
                    if (((j+1) % umbruch) == 0 && j != (buttonID.length - 1)) {
                        var Brk = document.createElement( "br" );
                        Selection[i].insertBefore( Brk, Selection[i].childNodes[0] );
                    }
                }
            }
        }
    }
}

$( createSelectButtons );


/* Ausblendfunktionen */

function displayAll() {
    var objects = document.getElementsByTagName('td');
    for (var i=0; i < objects.length; i++) {
        if (customJahresartikel == 'opac') {
            objects[i].style.opacity = '';
            objects[i].style.filter  = '';
        } else {
            objects[i].style.display = ''
        }
    }
}

function displayTheme( theme ) {
    displayAll();
    var objects = document.getElementsByTagName('td');
    for (var i=0; i < objects.length; i++) {
        var keys = String(objects[i].getAttribute('id'));
        if (keys.search(theme) != -1) {}
        else {
            if (customJahresartikel == 'opac') {
                objects[i].style.opacity = '0.3';
                objects[i].style.filter  = 'alpha(opacity=30)';
            } else {
                objects[i].style.display = 'none'
            }
        }
    }
}