3% off
code
TSV
X

JavaScript integration & new customization options

14. Jun 2008






















TSViewer.com hat mal wieder ein großes Update erhalten. Einige Verbesserungen liegen schon länger zurück, nur hab ich es leider verpasst euch darüber zu informieren. Dies wird mit dieser News nachgeholt.

Es sind im Code Generator viele wichtige neue Optionen zur Anpassung des TSViewer Baumes und eine neue Einbau Methode hinzugekommen.


Die neue Einbau Methode
Sie ist erst seit ein paar Tagen verfügbar und ermöglicht euch den TSViewer Baum mit JavaScript in eure Seiten einzubauen! Dies hat den großen Vorteil, dass die Höhe "dynamisch" ist. Dynamisch bedeutet, dass der TSViewer sich automatisch verlängert oder verkürzt, je nachdem wie viele Personen/Kanäle auf dem TeamSpeak Server sind. Diese Funktion war bisher leider nur der PHP Include Variante vorbehalten, die aber nur von wenigen Personen genutzt werden konnte (Technische Hintergrund: Übliche Webspace Sicherheitsbeschränkungen von Hostern verbieten ein Include von anderen Domains).

Der Einbau des TSViewers über JavaScript ist genauso einfach wie die HTML Iframe Variante und kann im Gegensatz zu PHP Include immer benutzt werden. D.h. man hat alle Vorteile von HTML Iframe und PHP Include beisammen; eine variable Höhe (und Breite wenn gewünscht) und den sehr einfachen und immer möglichen Einbau. Es freut mich, dies nun endlich anbieten zu können, da eine feste Höhe doch sehr störend sein kann bei einem TSViewer.


Die neuen Anpassungs Optionen
Die neuen Optionen im Code Generator zur Anpassung liegen ein oder zwei Monate zurück, sind aber wichtig, und werden deshalb jetzt auch noch erwähnt.


Hier die Kurzübersicht:
  • 4 neue Icon Sets / Skins:
    TeamSpeak 2 Classic, TSV Mini, TSV Shield, TSV Smile
  • Channel Flags abschaltbar
  • Personen Flags abschaltbar und konfigurierbar (als Text oder Grafik)
  • Neuer Color-Picker für komfortable Farbwahl
  • Bestimmen von Text-Farbe und Attributen (Dick, Kursiv, Kapitälchen, Unterstrichen) einzeln für Server-Name, Server Informationen, Kanäle und Personen unterteilt für den normalen und den mouseover Zustand

Der letzte Punkt hat es in sich. Damit kann man den TSViewer farblich gut zwischen den einzelnen Informationen unterscheiden lassen und somit eine bessere Übersicht bieten, sowie mit den unterschiedlichen mouseover Zuständen ihn mehr interaktiv wirken lassen. Es ist nicht einfach zu erklären, schaut es euch deshalb einfach mal im Code Generator an.


Der Tooltip
Eine weitere Verbesserung ist ein neuer Tooltip im TSViewer Baum. Dieser zeigt detaillierte Informationen über eine Person an: Ping, Packetloss, Status, Online-Zeit, Idle-Zeit und die Flags mit vollem Namen. Ich habe die Anzeige des Login Namens zur Sicherheit weg gelassen (dieser ist normalerweise öffentlich verfügbar). Die User sind übrigens mit den neuen User Bannern verlinkt, diese wurden in der letzten News ausführlich vorgestellt und werden demnächst erweitert.


Das war alles, ich hoffe die neuen Möglichkeiten gefallen euch. Testet alles in Ruhe aus und gibt bitte etwas Feedback!