AJAX mit Java-Servlets und JSP - So bringen Sie Speed in Ihre Webpräsenz

4 Style Sheets für AJAXProgrammierer (S. 89-90)

Wie bereits erwähnt, reduzieren moderne Webseiten HTML fast vollständig auf die reine Strukturierung der Seite, während das Layout gänzlich von Formatvorlagen bzw. Style Sheets übertragen wird. Style Sheets stellen einmal den – mehr oder weniger erfolgreich umgesetzten – Versuch dar, den unterschiedlichen Interpretationen von Webseiten auf verschiedenen Plattformen einen Riegel vorzuschieben. Über Style Sheets können Sie in Formatregeln das Layout von Webseiten viel genauer als mit HTML festlegen. Die Verwendung von Style Sheets hat aber über die reine Erweiterung der Gestaltungsmöglichkeiten und der reduzierten Interpretationsspielräume durch Browser einen viel bedeutenderen Grund. Style Sheets heben das Vermischen von Gestaltungsbefehlen und Information auf. Es kann eine klare Trennung von Struktur und Layout erreicht werden. Nahezu alle bisherigen HTML-Gestaltungselemente werden bei konsequenter Anwendung von Style Sheets überflüssig.

Aber auch in Hinsicht auf AJAX ergibt der Einsatz von Style Sheets erhebliche Möglichkeiten. Sie können mittels JavaScript und Style Sheets (DHTML) gezielt Layoutoder Positionseigenschaften eines Elements der Webseite verändern. So lassen sich während des nachträglichen Anforderns von Informationen bestimmte visuelle Effekte anzeigen oder kontextbasierende Menüs an der aktuellen Position des Mauszeigers aufblenden, deren Inhalt per AJAX nachgeladen wurde. Es ist sehr nahe liegend, bei AJAX-Applikationen zur Gestaltung des gesamten Layouts der Webseite verstärkt auf Style Sheets und DHTML-Effekte zu setzen, da man ja bereits zum Austauschen und Anzeigen von neuen Informationen einen spezifischen DHTML-Effekt verwendet. Auf der einen Seite kann man also voraussetzen, dass Style Sheets und DHTML funktionieren, wenn AJAX funktioniert. Diese Welten sind untrennbar miteinander verbunden. Auf der anderen Seite gilt aber immer noch, dass Style Sheets im Web nicht zuverlässig funktionieren. Dabei ist es weniger das Problem, dass moderne Browser diese nicht unterstützen. Das ist in allen modernen Browsern mittlerweile einigermaßen vernünftig geregelt. Das Problem ist, dass Anwender in flexiblen Browsern wie dem Konqueror oder Mozilla Vorgaben von Style Sheets durch Browser-Einstellungen wieder aufheben können. Das wird bei allen Web-Applikationen ein Problem, die die Position von Objekten und die Größe von Schriften über Style Sheets einstellen. Allerdings muss man auch festhalten, dass man nicht jede individuelle Veränderung eines Client-Programms durch einen Internet-Server kontrollieren kann und sollte. Man sollte sich heutzutage auch auf einen bestimmten Standard einfach verlassen können und nicht jede Eventualität einkalkulieren müssen.

4.1 CSS, XSL & more

Style Sheets bezeichnen keine eigene Sprache, sondern ein Konzept. Und es gibt nicht nur eine einzige Sprache, um Style Sheets zu definieren, sondern diverse Ansätze bzw. verschiedene Sprachen. Die genauen Regeln und die syntaktischen Elemente für die Style Sheets werden je nach verwendeter Sprache etwas differieren, aber oft ähnlich aussehen.