Seite 1 von 2
Diablo ToolTipscript
Verfasst: 25.11.2014 10:03
von 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
Re: [Mouseover]bb Code Text als Bildausgabe
Verfasst: 25.11.2014 11:02
von 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
Re: [Mouseover]bb Code Text als Bildausgabe
Verfasst: 25.11.2014 11:16
von 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
Re: [Mouseover]bb Code Text als Bildausgabe
Verfasst: 25.11.2014 11:51
von 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
Re: [Mouseover]bb Code Text als Bildausgabe
Verfasst: 25.11.2014 11:57
von P@InKiLLeR
Ja genau diese Diablo 3 Infos,ist das machbar?
MfG
Re: [Mouseover]bb Code Text als Bildausgabe
Verfasst: 25.11.2014 12:30
von 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...
Re: [Mouseover]bb Code Text als Bildausgabe
Verfasst: 25.11.2014 12:48
von 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?
Re: [Mouseover]bb Code Text als Bildausgabe
Verfasst: 26.11.2014 15:03
von 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
Re: [Mouseover]bb Code Text als Bildausgabe
Verfasst: 26.11.2014 15:33
von 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
Re: [Mouseover]bb Code Text als Bildausgabe
Verfasst: 26.11.2014 16:19
von 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