Linie

Linie

[website-addon] Buffed ToolTips automatisch einbinden

[website-addon] Buffed ToolTips automatisch einbinden
Worum geht's?
Buffed bietet schon seit längerer Zeit ein kleines Javascript an, das die Informationen zu Items aus der ROM Datenbank bei Buffed als ToolTipp auch auf fremden Websites anzeigen kann. Dazu müsste der Betreiber der entsprechenden Website aber auch die eine Zeile Code in die eigene Website aufnehmen. Ohne jetzt über die Gründe diskutieren zu wollen, wieso die ToolTips hier im offiziellen Forum nicht eingebunden sind, kann ich für einen guten Teil der Anwender hier Entwarnung geben: man kann das Skript auch dynamisch selbst einladen und damit auch hier nutzen. Ganz ohne Mitwirken des Websitebetreibers. Das Vorgehen lässt sich übrigens auch für jede beliebige andere Website anwenden, also etwa Fan Sites, die ebenfalls Links auf die romdb.buffed.de oder romdb.getbuffed.com beinhalten.

Voraussetzungen
Mozilla Firefox ist Pflicht! Für andere Browser kann ich hier leider keine Lösung anbieten.
[Edit]
Zocker137 beschreibt weiter unten auch eine einfache Möglichkeit für Opera Nutzer!


Ausserdem benötigen wir die Firefox Extension GreaseMonkey.

Die Installation von GreaseMonkey verläuft wie die jedes anderen AddOns für den Firefox: Link anklicken, im Popup "installieren" anklicken und den Browser neustarten - fertig.

Update 20090420:
Nach der erfolgreichen Installation von GreaseMonkey und dem Browserneustart braucht ihr nun nur noch auf diesen Link zum Skript zu klicken. Es erscheint nun ein automatisches Installationsfenster - "installieren" anklicken und fertig!

Neuerungen
Das Skript ist jetzt konfigurierbar. Euch gefällt die Größe des Icons nicht oder gar die ganze Grafik? Stellt sie um. Oder gar ganz aus. Oder lasst euch je nach Wunsch alle ToolTipps auf englisch oder deutsch anzeigen.
Klickt zur Konfiguration auf Seiten, die die Tooltips unterstützen einfach auf das Hammer und Schraubenschlüssel Symbol unten rechts.
Die Konfiguration wird nach dem Speichern erst nach einem Reload der Seite angezeigt und global gespeichert. Das heisst, man kann nicht je nach Website verschiedene Konfigurationen speichern.

Im Anhang unten findet ihr das verlinkte Skript noch einmal zur Sicherheit an diesen Beitrag angehangen.

Der weitere Text wird aus historischen Gründen noch hier angezeigt, die folgenden Schritte sind nicht notwendig!

---------------------------------------------------------------------------------------------------

Installation des eigentlichen Skriptes/AddOns
Nach dem Browserneustart seht ihr einen kleinen Affenkopf in der Statusleiste. Dort einfach mit der rechten Maustaste klicken und die Option "Neues Benutzerskript" auswählen.
Nun öffnet sich ein Fenster, das einige Daten abfragt. Tragt als Namen zum Beispiel "Buffed ToolTipps" ein, bei Namespace "http://romdata.buffed.de/" und bei der Description eine kurze Erklärung wie "Fügt ToolTipps der Buffed ROM Datenbank in die Seite ein". Diese 3 Werte sind eigentlich recht egal, sie dienen euch nur zur Übersicht und dürfen halt nicht leer bleiben.
Der wichtige Teil kommt jetzt: auf welchen Websites soll das Skript angewendet werden? Tragt dort pro Zeile eine URL ein, bei der ihr die ToolTipps sehen wollt, für das offizielle Forum hier also "http://forum.runesofmagic.com*". Achtet auf den Stern am Ende! Und gebt sämtliche Werte natürlich ohne die Anführungszeichen ein.
Wer hier nur einen einzelnen Stern einträgt, aktiviert die ToolTipps damit automatisch für alle besuchten Websites!

Wenn Ihr GreaseMonkey noch nie vorher benutzt habt, erscheint nach einem Klick auf den OK Button erst ein Dialog, der euch fragt, welchen Editor ihr gerne benutzen wollt. Folgt dort einfach dem Vorschlag, notepad.exe aus dem Windowsordner zu nehmen. Solltet ihr eher auf Notepad++, Codepad, KomodoEdit, UltraEdit oder sonstwas stehen, gebt dort natürlich den Pfad zu eurem Lieblingseditor an.

So, nun öffnet sich endlich das Zielfenster, der leere Editor. Wir sind im letzten Schritt angelangt. Kopiert euch abschliessend einfach das unten stehende Skript in den Editor, speichert und schliesst es.

Das war es! Wenn Ihr nun zum Beispiel den Thread über die besten Zweihandstäbe betrachtet, werden die Links in den Beiträgen dort mit dem begehrten ToolTipp angezeigt, der euch hier im Forum bereits die Items fast schon wie im Spiel anzeigt.
Für die ganz eiligen hier auch mal die beiden Beispiellinks von der Buffed Seite zu den ToolTipps: Androliers Rüstung und Androliers Axt. Und, könnt ihr die ToolTipps schon sehen?

Code:
// ==UserScript==
// @name          getBuffed ToolTips
// @namespace     tag:iqgobo:getBuffedToolTipps
// @description   Enables ToolTips for the getBuffed.com Runes of Magic Database on official forums.  
// @include http://forum.runesofmagic.com* 
// ==/UserScript==
var GM_TT = document.createElement('script');  
var GM_TTIcon = 'http://romdata.buffed.de/favicon.ico';
GM_TT.src = 'http://romdata.getbuffed.com/js/'+'buffed-ext-rom-tooltips.js';  
GM_TT.type = 'text/javascript';  
document.getElementsByTagName('head')[0].appendChild(GM_TT);

window.addEventListener(
'load',
function()
{
var links = document.getElementsByTagName("a");
var len = links.length;
for (var i = 0; i < len; i++)
{
if (links[i].href.substr(0, 28) == " http://romdata.buffed.de/?i=" || 
links[i].href.substr(0, 32) == " http://romdata.getbuffed.com/?i=" ||
links[i].href.substr(0, 28) == " http://romdata.buffed.de/?s=" || 
links[i].href.substr(0, 32) == " http://romdata.getbuffed.com/?s=")
{
links[i].innerHTML = ' ' + 
links[i].innerHTML;
}
}
},
true);
[edit]
Thx for sticky
Durch die Adelung des Antackerns habe ich dann mal den ersten Satz entfernt, ob das Thema hier richtig ist.

Todo:
  • Links, die einen Tooltipp zeigen, auch durch eine kleine Grafik daneben kenntlich machen. (erledigt)


Angehängte Dateien
Dateityp: zip getbuffed_tooltips.user.js.zip (4,8 KB, 136x aufgerufen)
Quelle: https://forum.runesofmagic.com/showthread.php?t=55384