Diablo ToolTipscript

[P@InKiLLeR]

Guten Morgen

gibt es eine bb code Mod die es mir erlaubt wenn ich einen Text mit der Maus überfahre das ein Bild angezeigt wird?

MfG

[HabNurNeFrage]

Hi,

was genau möchtest Du erreichen?
Zeig mal ein Beispiel oder erkläre es etwas genauer.
Sollte mit einem bbCode recht simpel umsetzbar sein.

Hier z.B. http://bild4.bplaced.net/phpbb/viewtopi ... n-f=5&t=78
Man kann beliebige Beitragsteile darin anzeigen.
Um große Bilder passend zu machen, könnte man den Code geringfügig anpassen.

LG

[P@InKiLLeR]

Es geht um diesen post hier von Katastrophenjoe: http://www.diablo-3.net/forum/hexendokt ... post298283

Beim überfahren der links werden Bilder ausgegeben obwohl es keine Bilderlinks sind,der erste Code sieht so aus

Code: Alles auswählen

[URL="http://eu.battle.net/d3/de/class/witch-doctor/active/spirit-walk"]Spiritwalk[/URL]

MfG

[HabNurNeFrage]

Hi,

da werden Informationen durch ein BattleNet-JavaScript geladen und eingeblendet, was im Forum integriert wurde:
http://us.battle.net/d3/en/tooltip/

Möchtest Du denn genau diese Diablo ToolTips oder möchtest Du so etwas generell umsetzen?

LG

[P@InKiLLeR]

Ja genau diese Diablo 3 Infos,ist das machbar?

MfG

[HabNurNeFrage]

Hi.

Klar, ist ganz einfach:

Erstelle einen bbCode, z.B. Nutzung [diablo]{URL}[/diablo]

HTML-Ersetzung:

Code: Alles auswählen

<script type="text/javascript">
//<![CDATA[
diablo_item = '{URL}';
document.write('<a href="' + diablo_item + '">' + diablo_item.match(/\/([^/]*)$/)[1].toUpperCase() + '</a>');
//]]>
</script>
<script type="text/javascript" src="http://us.battle.net/d3/static/js/tooltips.js"></script>

Dann im Beitrag einfach einen beliebigen Link zu einem Diablo-Item (Übersicht hier) in den Code setzen.

Beispiel: [diablo]http://us.battle.net/d3/en/item/leather-doublet[/diablo]

Das ergibt dann einen Text-Link zum Item, der beim Hovern die Vorschau von BattleNet anzeigt.

Wenn Du es ganz sauber einbauen möchtest, sollte der Teil des Codes
<script type="text/javascript" src="http://us.battle.net/d3/static/js/tooltips.js"></script>
im Headbereich der overall_header.html oder in overall_footer.html direkt vor </body> einmalig eingesetzt werden,
damit das Script nicht bei jedem Item erneut aufgerufen wird. Funktionieren tut es aber auch wie oben beschrieben.
Das Script hat glücklicherweise Abfragen drin, ob es bereits geladen wurde...

LG

PS: Zeig mal das Ergebnis her, wenn es klappt, da ich es nicht getestet habe...

[P@InKiLLeR]

Ja es geht wunderbar,einziges Manko die Schrift is größer

http://h4rdcoregamer.eu/forum/viewtopic.php?f=46&t=248

Gibt es ne Möglichkeit den Text der Items in Deutsch anzeigen zu lassen?
Beim Mouseover wird die deutsche BildVersion angezeigt,nur der Linktext halt nicht

Edit:Gibt es die Möglichkeit beim anklicken das ein neues Fenster aufgeht?

[P@InKiLLeR]

So das mit dem Deutsch habe ich hinbekommen,einfach:

Code: Alles auswählen

<script type="text/javascript" src="http://us.battle.net/d3/static/js/tooltips.js"></script>

in

Code: Alles auswählen

<script type="text/javascript" src="http://eu.battle.net/d3/static/js/tooltips.js"></script>

ändern und das wars!

Nur die Schriftanpassung + das der link in einem neuen Fenster geöffnet wird bekomme ich nicht hin [target_self] Funktioniert nicht

Weiß jemand rat

[HabNurNeFrage]

Hi,

Links in neuen Fenstern lassen sich ganz leicht mit onclick="window.open(this.href); return false;" realisieren.

Die Schriftgröße sollte sich sich durch eine CSS-Deklaration anpassen lassen, da das Script ein Div auf Deiner Seite erzeugt.
Die Klasse ist d3-tooltip - nun kann man das im Head deklarieren, in einem Stylesheet oder per JavaScript.

Die komplette bbCode HTML-Ersetzung mit allen Änderungen (EU-Script, Blank Target und Schriftverkleinerung) ist dann:

Code: Alles auswählen

<script type="text/javascript">
//<![CDATA[
css = '.d3-tooltip { font-size: smaller; }'; 
head = document.head || document.getElementsByTagName('head')[0];
style = document.createElement('style');
style.type = 'text/css';
style.id = 'battlenet_tooltip';
style.styleSheet ? style.styleSheet.cssText = css : style.appendChild(document.createTextNode(css));
document.getElementById('battlenet_tooltip') || head.appendChild(style); 
diablo_item = '{URL}';
document.write('<a href="' + diablo_item + '" onclick="window.open(this.href);return false;">' + diablo_item.match(/\/([^/]*)$/)[1].toUpperCase() + '</a>');
//]]>
</script>
<script type="text/javascript" src="http://eu.battle.net/d3/static/js/tooltips.js"></script>

Damit einfach die HTML-Ersetzung im bbCode ersetzen und testen, da ich das wieder nicht ausprobiert habe.
Sollte smaller für die Schriftgröße nicht ausreichen, kannst Du da auch Werte wie 1em, 12px oder so ausprobieren.

LG

[P@InKiLLeR]

Bis auf die Schriftgröße passt jetzt alles,danke Dir

Hab alles im Adminmenü eingetragen und per %,em,px versucht die Font anzupassen,Fehlanzeige