Fixierte Tabellen-Header
Download
Dieses Programm steht unter der GNU LGPL. D.h. unter anderem, Sie können den WS-Reporter beliebig einsetzen und unter Beachtung der Lizenz-Bedingungen verändern. Gewährleistung und Haftung sind nach §15 und §16 der Lizenz-Bedingungen ausgeschlossen. Eine Verwendung im kommerziellen Kontext ist ausdrücklich erwünscht.
Die Java-Script-Klasse können Sie hier herunterladen: tableHeader.js
Anwendung
Die Datei können Sie wie folgt einbinden:<script src="./tableHeader.js"> </script>
Die HTML-Tabelle muss über das ID-Attribut die ID "Tabelle", "Tabelle1" oder "Tabelle2" bekommen. Dann wird sie automatisch erkannt. Beispiel:
<table id="Tabelle">
Alternativ können Sie die Funktion auch für jede andere Tabelle aktivieren. Beispiel:
<script>
window.addEventListener('load', function() {
var th = new TableHeader('MeineTabelle');
}
</script>
Zellen, die an der linken Seite fixiert werden sollen, benötigen die Klasse "fts". Beispiel:
<th class="fts">Text</th>
Und für die Druckausgabe benötigen Sie noch eine Klasse "noprint", mit der diese fixierten Objekte im Ausdruck ausgeblendet werden:
<style>
@media print {
.noprint {
display: none;
}
}
</style>
Hinweis zur Verwendung von Hoover-Effekten
In dem Beispiel werden hover-Effekte über CSS verwendet, um Zellen und Spalten unter der Maus hervorzuheben. Bei fixierten Tabellen-Label an der linken Seite funktioniert das nur mit zusätzlichen Javascript-EventHandler. Zuerst müssen die Hintergründe für die hover-Effekte zusätzlich für CSS-Klassen definiert werden. Beispiel:
tr:hover, tr.hover {
background-color: #aaa;
}
td:hover, td.hover {
background-color: #f66;
}
th:hover, th.hover {
background-color: #f66;
}
Dann kann die Hover-Funktion für Zellen, Zeilen, oder beides aktiviert werden. Beispiel:
<script>
window.addEventListener('load', function() {
var th = new TableHeader('MeineTabelle');
th.aktiviereHover(th.ZELLEN);
// oder:
th.aktiviereHover(th.ZEILEN);
// oder:
th.aktiviereHover(th.BEIDES);
}
</script>
Eine vollständige Beschreibung finden Sie hier: SELFHTML-Wiki
Bei Problemen und für Anregungen wenden Sie sich bitte an support @ ws-unternehmensberatung.com