Zum Inhalt springen

MediaWiki:Common.js: Unterschied zwischen den Versionen

Aus Besorgte Hausfrauen
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(3 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
/* Button "Fotos" erstellen */
/* Buttons "Fotos" und "E-Mail" erstellen */
$( function() {
$( document ).ready( function() {
     // Erstmal alte Buttons entfernen, falls vorhanden (verhindert Dopplung)
     // Alte Container entfernen (Aufräumen)
     $('.js-foto-button').remove();
     $('.custom-button-wrapper').remove();


     // Button erstellen
     // 1. Der Container für beide Buttons
     var $fotoBtn = $('<div>') // Wir nehmen ein DIV, kein A, um Konflikte zu vermeiden
     var $wrapper = $('<div>').addClass('custom-button-wrapper');
        .addClass('js-foto-button')
        .text('FOTOS')
        .on('click', function() {
            // Dies erzwingt die Weiterleitung per JavaScript
            window.location.href = 'https://www.besorgtehausfrauen.at/Fotos';
        });


     // In den Body einfügen
     // 2. Der FOTOS Button (mit deinem korrigierten Link)
     $('body').append($fotoBtn);
    var $btnFotos = $('<a>')
        .attr('href', 'https://www.besorgtehausfrauen.at/fotos/')
        .addClass('js-custom-button')
        .attr('target', '_top')
        .text('FOTOS');
 
    // 3. Der E-MAIL Button
    var $btnMail = $('<a>')
        .attr('href', 'https://mail.besorgtehausfrauen.at')
        .addClass('js-custom-button')
        .attr('target', '_blank') // Öffnet Mail in neuem Tab (meistens besser bei Webmail)
        .text('E-MAIL');
 
    // Alles zusammenbauen: Buttons in den Wrapper, Wrapper in den Body
    $wrapper.append($btnFotos).append($btnMail);
     $('body').append($wrapper);
});
});

Aktuelle Version vom 27. November 2025, 15:08 Uhr

/* Buttons "Fotos" und "E-Mail" erstellen */
$( document ).ready( function() {
    // Alte Container entfernen (Aufräumen)
    $('.custom-button-wrapper').remove();

    // 1. Der Container für beide Buttons
    var $wrapper = $('<div>').addClass('custom-button-wrapper');

    // 2. Der FOTOS Button (mit deinem korrigierten Link)
    var $btnFotos = $('<a>')
        .attr('href', 'https://www.besorgtehausfrauen.at/fotos/')
        .addClass('js-custom-button')
        .attr('target', '_top')
        .text('FOTOS');

    // 3. Der E-MAIL Button
    var $btnMail = $('<a>')
        .attr('href', 'https://mail.besorgtehausfrauen.at')
        .addClass('js-custom-button')
        .attr('target', '_blank') // Öffnet Mail in neuem Tab (meistens besser bei Webmail)
        .text('E-MAIL');

    // Alles zusammenbauen: Buttons in den Wrapper, Wrapper in den Body
    $wrapper.append($btnFotos).append($btnMail);
    $('body').append($wrapper);
});