World Wide Web - Grundlagen und Technologie

Musterlösung Aufgabe 1 (CSS und DHTML)

Erstellung und dynamisches Ändern eines CSS für ein HTML-Dokument


Schritt 1 (Erstellen eines CSS Style Sheets)

Als zu formatierende HTML-Seite wird in dieser Musterlösung die Musterlösung der Aufgabe 3 verwendet, welche auch eine grosse Tabelle enthät. Das Style Sheet besteht aus einer separaten Datei, welche im Dokument verlinkt ist. Hier die beiden Dateien:


Schritt 2 und 3 (Kontrollzentrum)

Anschliessend ging es darum, ein Kontrollzentrum zu entwerfen, welches in der Lage ist, mittels JavaScript ein neues Fenster zu öffnen, zu schliessen und in diesem das mit dem Style Sheet formatierte Dokument anzuzeigen.

Ausserdem sollte man von dort aus einige Eigenschaften des Style Sheets dynamisch ändern können. Achtung: Das Kontrollzentrum funktioniert nur im Internet Explorer richtig! Netscape rendert Seiten leider nur beim ersten Anzeigen.

Das Kontrollzentrum befindet sich hier.


please send comments to www-vl@dret.net
last modification on Tuesday, 29-May-2001 10:04:40 EDT
valid CSS!valid HTML 4.01!