XML

XML in Action mit DOM

Mit Hilfe des Document Object Model (DOM) kann XML dynamisch gestaltet werden. Benutzern können damit hochperformante und leistungsfähige Funktionen zum Sortiern, Filter, Gruppieren und Suchen zur Verfügung gestellt werden. Die Änderung läuft prinzipiell wie folgt ab:

In dem Beispiel unten wird die XML-Datei nicht durch einen Seitenaufruf der XML-Datei geladen. Startpunkt ist eine HTML-Seite, bei deren Aufruf scriptbasiert XML- sowie XSL-Datei geladen und zu HTML-Code transformiert werden. Dieser HTML-Code wird dann durch das Script in die Seite eingefügt.
Der Benutzer kann jetzt unter Nutzung von in der Seite bereitgestellten Interaktionselementen (Links, Schaltflächen) das scriptbasierte Füllen der Seite mit Daten erneut auslösen. Dabei werden die vom Benutzer gesetzten Filterwerte und Sortiervorgaben durch das Script ausgelesen. Unter Berückstigung dieser Werte wird das XSL-Stylesheet im Arbeitsspeicher manipuliert. Die Transformation liefert danach anderen HTML-Code als beim ersten Aufruf der Seite.

XML + XSLT1 = HTML1
↓
Benutzereingabe:
XSLT1 + Javascript + DOM = XSLT2
↓
XML + XSLT2 = HTML2

Beispiel Books

Die einzelnen Komponenten der Anwendung können Sie downloaden, indem Sie die folgenden Links jeweils mit der rechten Maustaste anklicken und dann den Befehl »Ziel speichern unter ...« auswählen. Speichern Sie alle Dateien in das gleiche Verzeichnis.

books.html: XHTML Seite. Seitengerüst. Hier werden alle Vorgänge für den Seitenaufbau initialisiert.
books.css: CSS Datei. Enthält die Formatierungsangaben für die XHTML-Tags.
books.xml: XML Datei. Enthält die Daten.
books.xsl: XSL Datei. Enthält das Stylesheet für die Transformation der XML-Daten in XHTML.
books.js: Javascript-Datei. Enthält Scriptcode, welcher unter Verwendung von DOM das Stylesheet zur Laufzeit veränderbar macht und damit Sortierung und Filter nach Benutzereingaben ermöglicht.

CC BY 3.0 Olaf Nensel