☰

Proxer-Userscript-Anker

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

As of 2015-06-08. See the latest version.

This script should not be not be installed directly. It is a library for other scripts to include with the meta directive // @require https://update.greatest.deepsurf.us/scripts/10320/55879/Proxer-Userscript-Anker.js 

  1. // ==UserScript==
  2. // @name         Proxer-Userscript-Anker
  3. // @namespace    
  4. // @version      0.1
  5. // @description  Dieses Script fügt der Proxer-Navigation den Reiter "Tools" hinzu, an den Userscripte angedockt werden können
  6. // @author       Dominik Bissinger alias Nihongasuki
  7. // @include      http://proxer.me/*
  8. // @include      https://proxer.me/*
  9. // @include      http://www.proxer.me/*
  10. // @include      https://www.proxer.me/*        
  11. // @run-at       document-start
  12. // ==/UserScript==
  13.  
  14. //Starte die Funktion "addAnker" beim Laden der Seite
  15. document.addEventListener('DOMContentLoaded', function(event) {
  16.     addAnker();
  17. });
  18.  
  19. //Fügt den Button "Tools" zu "leftNav" hinzu
  20. var addAnker = function() {
  21.     var ul = document.getElementById("leftNav");
  22.     var li = document.createElement("li");
  23.     li.setAttribute("id","ankerTop");
  24.     li.setAttribute("class","topmenu");
  25.     ul.appendChild(li);
  26.     document.getElementById('ankerTop').innerHTML = '<a href="javascript:;">Tools ▾</a><ul id="anker"></ul>';
  27. };
  28.  
  29. //Die Folgende Funktion ist ein Beispiel für Entwickler, wie man am besten ein Userscript an den Anker anhängen kann
  30. /*
  31. //Das Userscript sollte sofort beim Start geladen werden (@run-at document-start)
  32.  
  33. //Startet die Funktion "addButton" beim Laden der Seite
  34. document.addEventListener('DOMContentLoaded', function(event) {
  35.     addButton();
  36. });
  37.  
  38. //Fügt den Button "Dein Tool" zu "Anker" hinzu
  39. var addButton = function() {
  40.     var test = setInterval(function () {                                                            //wiederhole alle 0,1 Sekunden
  41.         if (document.getElementById('anker') !== null) {                                            //prüfe, ob der Anker existiert
  42.             var ul = document.getElementById("anker");    
  43.             var li = document.createElement("li");
  44.             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)
  45.             ul.appendChild(li);
  46.             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.
  47.             document.getElementById('deinTool').addEventListener("click",function () {
  48.             replaceHTML();                                                                          //Starte deine Hauptfunktion (die z.B. den Seiteninhalt ändert) bei Klick
  49.             });
  50.             clearInterval(test);                                                                    //Beende die Wiederholung nach erfolgreichem Setzen des Buttons
  51.         };
  52.     },100);
  53. };
  54. */