Quellcode

// ==UserScript==
// @name Spongeforum-Image-Inliner
// @namespace spongeforum
// @description Display linked images inline and resize them to a width of 850 pixels if their width is larger
// @include http://spongeforum.de*
// ==/UserScript==

var processedImages = false;

function addListener(obj, eventName, listener) {
  if (obj.addEventListener) {
    obj.addEventListener(eventName, listener, false);
  } else {
    obj.attachEvent("on" + eventName, listener);
  }
}

function resizeImageIfNeeded(img) {
  var maxWidth;
  if (img.parentNode.classList.contains('quoteBody')) {
      maxWidth = 200;
  }else{
      maxWidth = 850;
  }

  var currentWidth = img.width;

  if (currentWidth > maxWidth) {
    img.style.maxWidth = maxWidth + "px";
    img.style.width = "100%";
  }
}

function LocalMain() {
  if (processedImages) {
    return;
  }

  processedImages = true;

  var imageLinks = document.evaluate(
    "//a[@class='image']",
    document,
    null,
    XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,
    null
  );

  var imageCount = imageLinks.snapshotLength;

  for (var i = 0; i < imageCount; i++) {
    var item = imageLinks.snapshotItem(i);
    var url = item.getAttribute('href');
    var img = document.createElement('img');
    img.setAttribute('src', url);
    img.setAttribute('class', 'resizeImage');

    // Resize the image if its width is larger than 850 pixels
    img.onload = function() {
      resizeImageIfNeeded(this);
    };

    item.parentNode.replaceChild(img, item);
  }
}

addListener(document, "DOMContentLoaded", LocalMain);
addListener(window, "load", LocalMain);

Quellcode

{
  "manifest_version": 3,
  "name": "SpongeForum - Online-Liste deaktivieren komplett",
  "version": "2.0",
  "description": "Deaktiviert den Link auf der Startseite und blendet die UsersOnline-Seite sofort aus.",
  "content_scripts": [
    {
      "matches": ["*://spongeforum.de/*"],
      "js": ["remove-online.js"],
      "css": ["remove-online.css"],
      "run_at": "document_start"
    }
  ]
}

Quellcode

function removeOnlineElements() {
  // UsersOnline-Seite: komplette Tabelle + Container entfernen
  if (window.location.href.includes("index.php?page=UsersOnline")) {
    document.querySelectorAll(".border.borderMarginRemove, table.tableList").forEach(el => el.remove());
  }
}

// MutationObserver nur starten, wenn body existiert
function startObserver() {
  if (!document.body) {
    // Wenn body noch nicht existiert, erneut in 50ms prüfen
    setTimeout(startObserver, 50);
    return;
  }
  const observer = new MutationObserver(removeOnlineElements);
  observer.observe(document.body, { childList: true, subtree: true });
}

// sofort ausführen
removeOnlineElements();
startObserver();

Quellcode

/* UsersOnline-Container sofort ausblenden */
.userOnline {
    display: none !important;
}

/* Link auf Startseite deaktivieren, Unterstreichung weg */
a[href*="index.php?page=UsersOnline"] {
    pointer-events: none !important;
    text-decoration: none !important;
    color: inherit !important;
}

Quellcode

{
  "manifest_version": 3,
  "name": "SpongeForum Nickname Changer - CSS Blocker",
  "version": "3.0",
  "description": "Ersetzt den Namen 'Scheißhaufen' durch 'Krosso'. Nutzt CSS für sofortiges Anti-Flackern.",
  "content_scripts": [
    {
      "matches": ["*://spongeforum.de/*", "*://www.spongeforum.de/*"], 
      "css": ["styles.css"],  
      "run_at": "document_start" 
    },
    {
      "matches": ["*://spongeforum.de/*", "*://www.spongeforum.de/*"], 
      "js": ["content.js"],  
      "run_at": "document_idle" 
    }
  ]
}

Quellcode

// Konfiguration
const alterName = "Scheißhaufen";
const neuerName = "Krosso";

// Selektor für den Haupt-Content-Bereich zur Begrenzung der initialen Suche
const mainContentSelector = '#main';

// NEU: Selektoren für Elemente, die von der Textersetzung AUSGESCHLOSSEN werden müssen,
// um das Ruckeln beim Like-Zähler zu stoppen (basierend auf deinem HTML).
const EXCLUDE_SELECTORS = [
    // 1. Schließt den Like-Stats-Container komplett aus
    '.thankStats',
    // 2. Schließt den Like-Link selbst aus
    'a[id^="thankStatsLink-"]'
];


/**
 * Prüft, ob ein Element oder einer seiner Vorfahren von der Ersetzung ausgeschlossen werden muss.
 */
function shouldExcludeNode(node) {
    if (node.nodeType !== 1) return false; // Nur Element-Knoten prüfen

    for (const selector of EXCLUDE_SELECTORS) {
        // Überprüft, ob der aktuelle Knoten dem Ausschluss-Selektor entspricht ODER ob ein Vorfahre ihm entspricht.
        if (node.matches(selector) || node.closest(selector)) {
            return true;
        }
    }
    return false;
}


/**
 * Funktion, die einen DOM-Knoten und seine Kinder rekursiv nach Text durchsucht.
 */
function durchsucheUndErsetzeText(node) {
    if (node.nodeType === 3) { // 3 = TEXT_NODE
        if (node.nodeValue.includes(alterName)) {
            node.nodeValue = node.nodeValue.replace(alterName, neuerName);
        }
    } else if (node.nodeType === 1) { // 1 = ELEMENT_NODE

        // **!!! DER FILTER !!!** Wenn der Knoten ausgeschlossen werden soll, beende die Suche hier.
        if (shouldExcludeNode(node)) {
            return;
        }

        const tag = node.tagName.toLowerCase();
        // Kritische Elemente (Skripte, Styles, Formulare) überspringen
        if (tag === 'script' || tag === 'style' || tag === 'textarea' || tag === 'input') {
            return;
        }

        node.childNodes.forEach(durchsucheUndErsetzeText);
    }
}

// ----------------------------------------------------------------------
// NEUE FUNKTIONEN: Gezielte Ersetzung in Attributen und spezifischen WBB-Strukturen
// ----------------------------------------------------------------------

/**
 * Ersetzt den Namen in spezifischen HTML-Attributen und Profilüberschriften.
 */
function attributeErsetzen(parentNode) {
    const elementsToUpdate = parentNode.querySelectorAll(
        // Korrigiert Tooltips, Avatare und Profil-Header
        '[title*="' + alterName + '"], ' + 
        'img[alt*="' + alterName + '"], ' +
        '.profileContent > h3, ' +
        '.profileContent > h2'
    );

    elementsToUpdate.forEach(element => {
        // Ändert den Title-Text (Tooltip)
        if (element.hasAttribute('title')) {
            element.title = element.title.replaceAll(alterName, neuerName);
        }
        if (element.hasAttribute('alt')) {
            element.alt = element.alt.replaceAll(alterName, neuerName);
        }
        // Textuelle Ersetzung für H2 und H3
        if (element.tagName.toLowerCase() === 'h3' || element.tagName.toLowerCase() === 'h2') {
            element.textContent = element.textContent.replaceAll(alterName, neuerName);
        }
    });
}


/**
 * KORRIGIERT: Korrigiert den Namen in Like-Listen, PN-Benachrichtigungen UND der PN-Übersicht.
 */
function linkTextUndAttributeErsetzen(parentNode) {
    // 1. Like-Liste
    const likeSelectors = 'div[id^="thankUser-"] > p.smallFont a';
    // 2. PN-Benachrichtigungsbox
    const pnNotificationSelector = 'div#pmOutstandingNotifications a';
    // 3. PN-Übersicht (NEUER SELEKTOR für die Spalte columnAuthor)
    const pnListAuthorSelector = '.columnAuthor a';
    
    // Kombinierter Selektor
    parentNode.querySelectorAll(`${likeSelectors}, ${pnNotificationSelector}, ${pnListAuthorSelector}`).forEach(userLink => {

        // 1. Textinhalt korrigieren (Der sichtbare Name)
        if (userLink.textContent.includes(alterName)) {
            userLink.textContent = userLink.textContent.replaceAll(alterName, neuerName);
        }

        // 2. href-Attribut korrigieren (Der Link zur Profilseite)
        if (userLink.href && userLink.href.includes(alterName)) {
            userLink.href = userLink.href.replaceAll(alterName, neuerName);
        }
    });
}


// ----------------------------------------------------------------------
// HAUPTAUSFÜHRUNG
// ----------------------------------------------------------------------

// 1. ERSÄTZEN: Aggressive Textersetzung (Original-Logik)
const mainContent = document.querySelector(mainContentSelector);
if (mainContent) {
    durchsucheUndErsetzeText(mainContent);
}

// 2. KORRIGIEREN: Gezielte Ersetzung in Attributen und Links (jetzt inkl. PN-Übersicht)
attributeErsetzen(document);
linkTextUndAttributeErsetzen(document); // Funktion umbenannt und erweitert

// Korrektur des globalen Browser-Tab-Titels
if (document.title.includes(alterName)) {
    document.title = document.title.replaceAll(alterName, neuerName);
}


// 3. FREIGEBEN: Entfernt die CSS-Blockade aus der styles.css und macht die Seite sichtbar.
document.body.style.setProperty('visibility', 'visible', 'important');
document.body.style.setProperty('opacity', '1', 'important');


// 4. DYNAMISCHE INHALTE: MutationObserver
new MutationObserver(mutations => {
    mutations.forEach(mutation => {
        if (mutation.type === 'childList') {
            mutation.addedNodes.forEach(node => {
                 // Beschränke die Suche auch bei neuen Knoten.
                 if (node.nodeType === 1) {
                     // Führe alle drei Ersetzungstypen auf dem neuen Knoten aus!
                     durchsucheUndErsetzeText(node);
                     attributeErsetzen(node);

                     // Spezieller Aufruf für dynamisch geladene Bereiche (Likes/PNs)
                     if (node.matches('.thankStats') || node.closest('.thankStats') || node.matches('#pmOutstandingNotifications') || node.closest('#pmOutstandingNotifications') || node.matches('.columnAuthor') || node.closest('.columnAuthor')) {
                         linkTextUndAttributeErsetzen(node.closest('.thankStats') || node.closest('#pmOutstandingNotifications') || node.closest('.columnAuthor') || node);
                     } else {
                         linkTextUndAttributeErsetzen(node);
                     }
                 }
            });
        }
    });
}).observe(document.body, {
    childList: true,
    subtree: true
});

Quellcode

/* Diese CSS-Regel blockiert das gesamte Seiten-Rendering, bis das JS sie entfernt. */
body {
    visibility: hidden !important; 
    opacity: 0 !important;
}