Zum Inhalt springen

MediaWiki:Common.js: Unterschied zwischen den Versionen

Aus Besorgte Hausfrauen
Die Seite wurde neu angelegt: „ →Button "Fotos" erstellen und einfügen: $( function() { // Erstelle den Link var $fotoBtn = $('<a>') .attr('href', 'https://www.besorgtehausfrauen.at/Fotos') .addClass('js-foto-button') // Klasse für das CSS gleich .text('FOTOS'); // Füge ihn direkt an den "Körper" der Webseite an $('body').append($fotoBtn); });“
 
Keine Bearbeitungszusammenfassung
 
(4 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
/* Buttons "Fotos" und "E-Mail" erstellen */
$( document ).ready( function() {
    // Alte Container entfernen (Aufräumen)
    $('.custom-button-wrapper').remove();


/* Button "Fotos" erstellen und einfügen */
    // 1. Der Container für beide Buttons
$( function() {
    var $wrapper = $('<div>').addClass('custom-button-wrapper');
     // Erstelle den Link
 
     var $fotoBtn = $('<a>')
     // 2. Der FOTOS Button (mit deinem korrigierten Link)
         .attr('href', 'https://www.besorgtehausfrauen.at/Fotos')
     var $btnFotos = $('<a>')
         .addClass('js-foto-button') // Klasse für das CSS gleich
         .attr('href', 'https://www.besorgtehausfrauen.at/fotos/')
         .addClass('js-custom-button')
        .attr('target', '_top')
         .text('FOTOS');
         .text('FOTOS');


     // Füge ihn direkt an den "Körper" der Webseite an
     // 3. Der E-MAIL Button
     $('body').append($fotoBtn);
    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);
});