Webseiten-Infos.de

Tabellendaten sortieren

Soweit es Sinn macht, können nun bei aktiviertem JavaScript ab sofort Tabellen auf Webseiten-Infos.de mittels Mausklick auf eine Überschrift sortiert werden.

Möglich macht dies das JavaScript sorttable. Aufmerksam darauf bin ich über den Blogbeitrag “HTML-Tabellen erstellen und verwalten” von Thomas Scholz aka toscho geworden. Danke dafür!

Wie funktioniert das Ganze?

Hier die einfache Einbauanleitung in drei Schritten:

1. Lade das JavaScript sorttable.js herunter und in das Verzeichnis auf Deinen Webspace, wo sich die Webseite befindet.
2. Füge das JavaScript in Deine Webseite(n) ein, etwa indem Du folgenden Link in den Kopf (Header) einträgst:

   1	<script src="sorttable.js" type="text/javascript"></script>

3. Kennzeichne Deine Tabelle als sortierbar, indem Du ihr die Klasse “sortable” zuweist:

   1	<table class="sortable">

Beachte bitte, dass das JavaScript sorttable (mit 2 T) heißt, aber die Klasse, welche der Tabelle hinzugefügt werden muss, sortable (mit 1 T).

Das war es schon.

Wundere Dich nicht, wenn Du im Quelltext (Quältext) von Webseiten-Infos.de keinen Hinweis auf die JavaScript-Datei mit dem Namen sorttable.js findest. Ich habe um die Zahl der HTTP-Anfragen (HTTP-Requests) klein zu halten, den Code des JavaScripts in die Datei script_quicktags-c-2009-11-09.js eingefügt.

Mittels Mausklick auf Überschriften kannst Du das Sortieren von Tabellendaten bisher bei folgenden Tabellen testen und sehen:

• Ladezeit von Webseiten-Infos.de (Tabellen 3, 5 und 6)
• Sicherheitslücken: Internet Explorer besonders gefährdet (Tabellen 1 und 2)

Das JavaScript scheint übrigens mit allen modernen Browsern zu funktionieren.

Wie findest Du diese Sortiermöglichkeit?