Zum Inhalt springen

MediaWiki:Common.js: Unterschied zwischen den Versionen

Aus TerranianStar
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 1: Zeile 1:
/* Das folgende JavaScript wird für alle Benutzer geladen. */
/* Das folgende JavaScript wird für alle Benutzer geladen. */


/* MediaWiki:Common.js */
/* ================================
  1. Sidebar einklappbar machen
  Funktioniert in Vector‑2011 UND Vector‑2022
  ================================ */


/* Test-Alert – zeigt an, dass Common.js geladen wurde */
$(document).ready(function() {
// alert("Common.js läuft!"); //
     $('.mw-portlet h3').click(function() {
// Vector-2022: Hauptmenü ENT-PINNEN, damit Click-Events funktionieren
         $(this).next().slideToggle(200);
document.addEventListener('DOMContentLoaded', function () {
         $(this).toggleClass('collapsed');
     document.querySelectorAll('.vector-pinnable-header-pinned')
    });
         .forEach(el => el.classList.remove('vector-pinnable-header-pinned'));
 
    document.querySelectorAll('.vector-pinnable-element')
         .forEach(el => el.classList.remove('vector-pinnable-element'));
});
});


/* Alles einklappbar machen – Vector‑2022 Override */
document.addEventListener('DOMContentLoaded', function () {
    // Vector‑2022: Portale einklappbar machen (Skin-Override)
    document.querySelectorAll('.vector-menu').forEach(menu => {
        const heading = menu.querySelector('.vector-menu-heading');
        const content = menu.querySelector('.vector-menu-content');
        if (!heading || !content) return;
        // WICHTIG: Vector‑2022 entfernt ARIA-Attribute → sonst blockiert der Skin
        heading.removeAttribute('aria-expanded');
        heading.removeAttribute('aria-controls');


        // Cursor sichtbar machen
/* ================================
        heading.style.cursor = 'pointer';
  2. Edit‑Icons für „Bearbeiten“ und „Quelltext bearbeiten“
 
  Funktioniert in allen Skins
        // HARTE Variante: Skin-Events komplett blockieren
  ================================ */
        heading.addEventListener('click', function (e) {
            e.preventDefault();
            e.stopImmediatePropagation(); // ← das ist der entscheidende Punkt
            content.classList.toggle('ts-collapsed');
        });
    });
 
});


/* Icons für Bearbeiten / Quelltext bearbeiten (Vector‑2022)
  Dieser Hook MUSS außerhalb von DOMContentLoaded bleiben! */
mw.hook('wikipage.content').add(function($content) {
mw.hook('wikipage.content').add(function($content) {



Version vom 25. Mai 2026, 11:48 Uhr

/* Das folgende JavaScript wird für alle Benutzer geladen. */

/* ================================
   1. Sidebar einklappbar machen
   Funktioniert in Vector‑2011 UND Vector‑2022
   ================================ */

$(document).ready(function() {
    $('.mw-portlet h3').click(function() {
        $(this).next().slideToggle(200);
        $(this).toggleClass('collapsed');
    });
});


/* ================================
   2. Edit‑Icons für „Bearbeiten“ und „Quelltext bearbeiten“
   Funktioniert in allen Skins
   ================================ */

mw.hook('wikipage.content').add(function($content) {

    $content.find('.mw-editsection a').each(function() {
        var $a = $(this);
        var text = $a.text().trim();

        $a.css({
            'font-size': '0',
            'display': 'inline-block',
            'width': '22px',
            'height': '22px',
            'background-size': 'contain',
            'background-repeat': 'no-repeat',
            'background-position': 'center',
            'vertical-align': 'middle',
            'margin-left': '4px'
        });

        if (text === 'Bearbeiten') {
            $a.css('background-image', 'url("/Wiki_BlueX/images/e/e6/EditIcon.png")');
        }

        if (text === 'Quelltext bearbeiten') {
            $a.css('background-image', 'url("/Wiki_BlueX/images/f/f6/QEditIcon.png")');
        }
    });

    $content.find('.mw-editsection').css('font-size', '0');
});