MediaWiki:Common.js: Unterschied zwischen den Versionen
Erscheinungsbild
Admin (Diskussion | Beiträge) 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); });“ |
Admin (Diskussion | Beiträge) 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(); | |||
/ | // 1. Der Container für beide Buttons | ||
$( | var $wrapper = $('<div>').addClass('custom-button-wrapper'); | ||
// | |||
var $ | // 2. Der FOTOS Button (mit deinem korrigierten Link) | ||
.attr('href', 'https://www.besorgtehausfrauen.at/ | var $btnFotos = $('<a>') | ||
.addClass('js- | .attr('href', 'https://www.besorgtehausfrauen.at/fotos/') | ||
.addClass('js-custom-button') | |||
.attr('target', '_top') | |||
.text('FOTOS'); | .text('FOTOS'); | ||
// | // 3. Der E-MAIL Button | ||
$('body').append($ | 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);
});