Benutzer:Loki/jahresartikelSelektor.js: Unterschied zwischen den Versionen

Aus Shadowhelix
Zur Navigation springen Zur Suche springen
(Die Seite wurde neu angelegt: „importScript('Benutzer:Loki/hasClass.js'); /* Buttons für Jahresartikel-Selektion * * Einschalten der opacity-Modifikation (Alternative zum Ausblenden): * var…“)
 
(Test)
Zeile 11: Zeile 11:
function createSelectButtons() {
function createSelectButtons() {


     var Selection = document.getElementsByTagName( "div" );
     if (( document.location.href.search('199') != -1 ||
        document.location.href.search('200') != -1 ) {


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


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


            var buttonID = new Array(15);
                var umbruch = 5;
            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 buttonID = new Array(15);
                 var Button = document.createElement( "span" );
                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";


                 Button.style.styleFloat = "left";
                 for ( var j = 0; j < buttonID.length; j++ ) {
                Button.style.cssFloat = "left";
                    var Button = document.createElement( "span" );
                Button.style.fontWeight = "normal";
                Button.style.textAlign = "center";
                Button.style.width = "12em";


                if (j == (buttonID.length - 1)) {
                     Button.style.styleFloat = "left";
                     Button.style.styleFloat = "right";
                     Button.style.cssFloat = "left";
                     Button.style.cssFloat = "right";
                     Button.style.fontWeight = "normal";
                     Button.style.position = "relative";
                     Button.style.textAlign = "center";
                     Button.style.top      = "1.5em";
                    Button.style.width = "12em";
                }


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


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


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


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


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


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


                Selection[i].insertBefore( Button, Selection[i].childNodes[0] );
                    Button.appendChild( document.createTextNode( "[" ) );
                if (((j+1) % umbruch) == 0 && j != (buttonID.length - 1)) {
                    Button.appendChild( ButtonLink );
                    var Brk = document.createElement( "br" );
                    Button.appendChild( document.createTextNode( "]" ) );
                    Selection[i].insertBefore( Brk, Selection[i].childNodes[0] );
 
                    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] );
                    }
                 }
                 }
             }
             }

Version vom 22. Juni 2010, 14:02 Uhr

importScript('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('200') != -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] );
                    }
                }
            }
        }
    }
}

addOnloadHook( 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'
            }
        }
    }
}