MediaWiki:Common.js: Unterschied zwischen den Versionen

Aus MILLENNIUM ARTS ISP - Hilfe | FAQ
Zur Navigation springen Zur Suche springen
KKeine Bearbeitungszusammenfassung
KKeine Bearbeitungszusammenfassung
Zeile 8: Zeile 8:
     var $header = $portal.find('#p-HOSTING-label');
     var $header = $portal.find('#p-HOSTING-label');
     var $content = $portal.find('.vector-menu-content-list');
     var $content = $portal.find('.vector-menu-content-list');
    var isOpen = false;


     // Debugging
     // Debugging
Zeile 14: Zeile 15:
     console.log("Untermenüs:", $content.find('li').length);
     console.log("Untermenüs:", $content.find('li').length);


     // Styling und Verhalten
    // Indikator hinzufügen (Plus-Symbol als Standard)
    $header.prepend('<span class="menu-indicator">+</span> ');
   
     // Styling für Header und Indikator
     $header.css({
     $header.css({
         'cursor': 'pointer',
         'cursor': 'pointer',
         'font-weight': 'bold'
         'font-weight': 'bold',
        'display': 'flex', // Für bessere Ausrichtung
        'align-items': 'center'
     });
     });
     $content.hide(); // Standardmäßig eingeklappt
    $header.find('.menu-indicator').css({
        'margin-right': '5px',
        'transition': 'transform 0.3s ease' // Sanfte Rotation
    });
   
    // Inhalt standardmäßig einklappen
     $content.hide();


     // Klick-Event
     // Klick-Event
     $header.click(function(e) {
     $header.click(function(e) {
         e.preventDefault();
         e.preventDefault();
         $content.slideToggle();
         $content.slideToggle(300, function() {
            // Zustand aktualisieren und Indikator ändern
            isOpen = !isOpen;
            var $indicator = $header.find('.menu-indicator');
            if (isOpen) {
                $indicator.text('−'); // Minus bei geöffnet
                $indicator.css('transform', 'rotate(0deg)');
            } else {
                $indicator.text('+'); // Plus bei geschlossen
                $indicator.css('transform', 'rotate(0deg)'); // Zurücksetzen
            }
        });
     });
     });
});
});

Version vom 30. März 2025, 11:00 Uhr

/* Das folgende JavaScript wird für alle Benutzer geladen. */
console.log("Common.js wird geladen!");
$(document).ready(function() {
    console.log("Common.js wird geladen!");

    // Ziel: Das HOSTING-Portal
    var $portal = $('#p-HOSTING');
    var $header = $portal.find('#p-HOSTING-label');
    var $content = $portal.find('.vector-menu-content-list');
    var isOpen = false;

    // Debugging
    console.log("Portal gefunden:", $portal.length > 0 ? "Ja" : "Nein");
    console.log("Header:", $header.text());
    console.log("Untermenüs:", $content.find('li').length);

    // Indikator hinzufügen (Plus-Symbol als Standard)
    $header.prepend('<span class="menu-indicator">+</span> ');
    
    // Styling für Header und Indikator
    $header.css({
        'cursor': 'pointer',
        'font-weight': 'bold',
        'display': 'flex', // Für bessere Ausrichtung
        'align-items': 'center'
    });
    $header.find('.menu-indicator').css({
        'margin-right': '5px',
        'transition': 'transform 0.3s ease' // Sanfte Rotation
    });
    
    // Inhalt standardmäßig einklappen
    $content.hide();

    // Klick-Event
    $header.click(function(e) {
        e.preventDefault();
        $content.slideToggle(300, function() {
            // Zustand aktualisieren und Indikator ändern
            isOpen = !isOpen;
            var $indicator = $header.find('.menu-indicator');
            if (isOpen) {
                $indicator.text('−'); // Minus bei geöffnet
                $indicator.css('transform', 'rotate(0deg)');
            } else {
                $indicator.text('+'); // Plus bei geschlossen
                $indicator.css('transform', 'rotate(0deg)'); // Zurücksetzen
            }
        });
    });
});