☰

Proxer-Userscript-Anker

Dieses Script fügt der Proxer-Navigation den Reiter "Tools" hinzu, an den Userscripte angedockt werden können

Fra og med 08.06.2015. Se den nyeste version.

Dette script bør ikke installeres direkte. Det er et bibliotek, som andre scripts kan inkludere med metadirektivet // @require https://update.greatest.deepsurf.us/scripts/10320/55879/Proxer-Userscript-Anker.js 

// ==UserScript==
// @name         Proxer-Userscript-Anker
// @namespace    
// @version      0.1
// @description  Dieses Script fügt der Proxer-Navigation den Reiter "Tools" hinzu, an den Userscripte angedockt werden können
// @author       Dominik Bissinger alias Nihongasuki
// @include      http://proxer.me/*
// @include      https://proxer.me/*
// @include      http://www.proxer.me/*
// @include      https://www.proxer.me/*        
// @run-at       document-start
// ==/UserScript==

//Starte die Funktion "addAnker" beim Laden der Seite
document.addEventListener('DOMContentLoaded', function(event) {
    addAnker();
});

//Fügt den Button "Tools" zu "leftNav" hinzu
var addAnker = function() {
    var ul = document.getElementById("leftNav");
    var li = document.createElement("li");
    li.setAttribute("id","ankerTop");
    li.setAttribute("class","topmenu");
    ul.appendChild(li);
    document.getElementById('ankerTop').innerHTML = '<a href="javascript:;">Tools ▾</a><ul id="anker"></ul>';
};

//Die Folgende Funktion ist ein Beispiel für Entwickler, wie man am besten ein Userscript an den Anker anhängen kann
/*
//Das Userscript sollte sofort beim Start geladen werden (@run-at document-start)

//Startet die Funktion "addButton" beim Laden der Seite
document.addEventListener('DOMContentLoaded', function(event) {
    addButton();
});

//Fügt den Button "Dein Tool" zu "Anker" hinzu
var addButton = function() {
    var test = setInterval(function () {                                                            //wiederhole alle 0,1 Sekunden
        if (document.getElementById('anker') !== null) {                                            //prüfe, ob der Anker existiert
            var ul = document.getElementById("anker");    
            var li = document.createElement("li");
            li.setAttribute("id","deinTool");                                                       //Setze die Id des Buttons, am besten nimmst du den Namen deines Tools her (um Konflikte mit anderen Tools zu vermeiden)
            ul.appendChild(li);
            document.getElementById('deinTool').innerHTML = '<a href="javascript:;">Dein Tool</a>'; //Setze den Text, der auf dem Button stehen soll. Der Link ist wichtig für das Proxer-Interne CSS.
            document.getElementById('deinTool').addEventListener("click",function () {
            replaceHTML();                                                                          //Starte deine Hauptfunktion (die z.B. den Seiteninhalt ändert) bei Klick
            });
            clearInterval(test);                                                                    //Beende die Wiederholung nach erfolgreichem Setzen des Buttons
        };
    },100);
};
*/