Formatierung der von KAPDIP/XY generierten Auswertungen

Ablageorte von Dateien

Ich selbst gruppiere meine Auswertungen in je ein Verzeichnis pro Runde und lege alle Dateien, die von jeder Auswertung benötigt werden (Bilder und CSS-Formatierungen), in die Verzeichnis-Ebene darüber.

Balkengraphiken zur Darstellung von Käufen und Verkäufen

In der HTML-Version der Auswertung erzeugt KAPDIP/XY rechts neben dem Zahlenwert nun zusätzlich eine Balkengraphik in Form eines Bildes, welches durch die Angabe einer Breite und einer Höhe dem entsprechenden Zahlenwert angepaßt. Dabei unterscheidet das Programm fünf unterschiedliche Arten von Ereignissen und markiert sie mit entsprechenden Bildern:

sell500.gif= Verkauf von genau 500 WE in dieser Währung
sell.gif= Verkauf von weniger als 500 WE in dieser Währung
blank.gif= keine Änderung in dieser Währung
buy.gif= Kauf von maximal 1000 WE in dieser Währung
buy1000.gif= Kauf von mehr als 1000 WE in dieser Währung

Die Breite des jeweiligen Balkens beträgt konstant 10 Pixel; die Höhe beträgt (Betrag-1) DIV 500 + 4), höchstens aber 15 Pixel (weil ein hoher Balken die Höhe der gesamten Tabellenzeile beeinflußt). Die verwendeten Farben kann ein Spielleiter durch Austausch der Bild-Dateien seinen eigenen Wünschen anpassen.

Zusätzlich wird jedes dieser Bilder durch ein title-Attribut mit einem Erklärungstext versehen, welcher die exakte (allerdings ggf. bereits reduzierte) Anweisung des Spielers bezüglich dieser Währung beschreibt. Von modernen Browsern wird dieser Text beim Überfahren des Bildes mit der Maus als Tooltip angezeigt.

Tabellenformatierungen mit CSS

Seit der Version 1.72 beschränkt KAPDIP/XY seine HTML-Ausgaben so weit wie möglich auf die reinen Informationen, ohne Angaben über die Formatierung der Darstellung.

Die Tabelle der Börsenorders sowie die beiden Tabellen der Hochrechnungen werden mit logischen Kennungen (id=) markiert, welche zur Referenzierung innerhalb von CSS-Definitionen verwendet werden können. Auf diese Weise ist die Formatierung weitgehend unabhängig von der Ausgabe des Programms und kann vom Anwender selbständig in einer eigenen Datei vorgenommen werden.

Mit dem Programm wird diejenige CSS-Datei ausgeliefert, welche ich selbst auf meinen Seiten verwende, die Anordnung der beiden Tabellen nebeneinander wird beispielsweise durch CSS-Angaben bewirkt, nicht mehr (wie in früheren Programmversionen) durch eine HTML-Tabelle um diese beiden Tabellen herum.

Im Kopf des HTML-Codes wird eine Referenz auf eine CSS-Datei mit dem Namen ../boerse.css, also eine Verzeichnisebene oberhalb der HTML-Datei, erzeugt.

Viel Spaß beim Anpassen der Auswertung an eigene Vorstellungen - Michael (2002-08-31)