Tampermonkey Plugin - Justbooks Link: Schneller Preisvergleich beim Einstellen

[XFlorian]

Was macht das Script?

Wenn du auf Booklooker Bücher einstellst und die Bearbeitungsseite öffnest, fügt dieses Script automatisch einen dezenten Button unterhalb des Preisfeldes hinzu. Mit einem Klick kommst du direkt zur entsprechenden ISBN auf Justbooks.de, um Preise zu vergleichen.

Features

Automatische Erkennung der ISBN aus dem Formular
Ein-Klick-Link zu Justbooks
Öffnet neues Tab – keine Unterbrechung beim Einstellen
Dezentes Design – passt sich der Seite an
Hover-Effekt für bessere UX
Leichtgewichtig – nur ~20 Zeilen Code

Schritt 1: Tampermonkey installieren
Tampermonkey ist eine Browser-Erweiterung für User-Scripts, sie ist für Chrome, Edge, Firefox und Safari verfügbar.

Schritt 2: Script installieren

Klicke auf das Tampermonkey-Icon in deiner Browser-Toolbar
Wähle "Neues Script erstellen"
Lösche den vorhandenen Code
Kopiere folgenden Code und füge ihn ein:

Code: Alles auswählen

// ==UserScript==
// @name         Booklooker - Justbooks Link
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  Zeigt einen Link zu Justbooks auf der Booklooker-Bearbeitungsseite
// @author       You
// @match        https://www.booklooker.de/app/priv/input1.php*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', init);
    } else {
        init();
    }

    function init() {
        const isbnInput = document.querySelector('input[name="bookData[isbn]"]');
        const priceRow = document.getElementById('row_preis_euro');

        if (!isbnInput || !priceRow) return;

        const isbn = isbnInput.value.trim();
        if (!isbn || isbn.length < 10) return;

        // Erstelle Button-Container
        const container = document.createElement('div');
        container.style.cssText = `
            margin: 10px 0;
            padding: 0;
        `;

        const justbooksUrl = `https://www.justbooks.de/isbn/${isbn}/`;

        container.innerHTML = `
            <a href="${justbooksUrl}" target="_blank"
               style="display: inline-flex; align-items: center; gap: 8px;
                      padding: 8px 16px;
                      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
                      color: white;
                      text-decoration: none;
                      border-radius: 6px;
                      font-size: 14px;
                      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
                      font-weight: 500;
                      box-shadow: 0 2px 4px rgba(0,0,0,0.1);
                      transition: all 0.2s;
                      border: none;">
                <span style="font-size: 16px;">🔍</span>
                <span>Auf Justbooks.de prüfen</span>
            </a>
        `;

        // Hover-Effekt
        const link = container.querySelector('a');
        link.addEventListener('mouseenter', () => {
            link.style.transform = 'translateY(-1px)';
            link.style.boxShadow = '0 4px 8px rgba(0,0,0,0.15)';
        });
        link.addEventListener('mouseleave', () => {
            link.style.transform = 'translateY(0)';
            link.style.boxShadow = '0 2px 4px rgba(0,0,0,0.1)';
        });

        // Füge nach Preis-Zeile ein
        priceRow.parentNode.insertBefore(container, priceRow.nextSibling);
    }

})();

Sobald du ein neues Angebot eingibst oder editierst, erscheint ein schöner Button, mit dem du direkt zu Justbook mit passender ISBN kommst.

Viel Spaß!