Dynamische Webseiten
Es gibt zwei Möglichkeiten auf einer Webseite Bewegung zu erzeugen:
Einmal in Form von Bilddateien, die Zeichentricksequenzen enthalten. Hierfür
eignet sich z.B. das Bildformat GIF. Die zweite Möglichkeit besteht darin,
durch Programmierung Elemente einer Webseite dynamisch zu verändern.
Dafür eignet sich z.B. die im Internet weit verbreitete Programmiersprache JavaScript. Allerdings gilt die Einschränkung, daß aufgrund der
stürmischen Entwicklung des Internet's ältere Browser nicht alle
notwendigen Befehle kennen. Getestet wurden die Beispiele mit den
Browsern MSIE 5.2 (Microsoft Int. Expl.), Netscape 4.7, Opera 5.11 und
dem Mozillaprojekt Gecko 1.0 auf einem PC
mit Win 98. Ältere Browser können Darstellungsprobleme zeigen, bei
neueren sollte alles funktionieren, vorausgesetzt, JavaScript wurde nicht
deaktiviert. Ein Zweck dieser Spielwiese ist es,
die Effekte mit verschiedenen Browsern zu testen.
Aus der Beschäftigung mit JavaScript und Dynamik sind ein paar schicke
Digitaluhren entstanden, die teilweise auch offline funktionieren, da der Browser
die Uhr im Arbeitsspeicher hält. Das erste
Beispiel "missbraucht" dazu die Schaltknopffunktion.
Nachteilig bei dieser Methode ist, daß die meisten Browser Schaltknöpfe grundsätzlich grau darstellen, erst neuere Versionen können dies auch farbig. Keine farbliche Einschränkung gibt es bei der zweiten Methode im Beispiel 2. Allerdings ist hier eine Browserabfrage notwendig, da die Browser in den getesteten Versionen hierzu unterschiedliche Befehlssätze kennen. Der Versuch einer Vereinheitlichung durch das W3-Konsortium wird vielleicht bei neueren Browsern endlich Früchte tragen. Mit Opera 5.11 funktioniert das Beispiel 2 noch nicht, dafür aber mit Version 7.
Die angezeigte Zeit ist natürlich die von Ihrem PC, falls die Uhr vor oder nachgeht ist es also nicht meine Schuld. Das dritte Beispiel besteht aus einer Datei, die sich alle 10 Sekunden wieder selbst aufruft. Dabei wird bei jedem Aufruf die Zeit Ihres Rechners abgefragt. Nachteil: Code muß jede Minute frisch geladen werden, das Beispiel funktioniert also nicht offline. Wegen der Ladezeit wurde auf eine Sekundenanzeige verzichtet.
Die Fliege, die nach einiger Zeit von selbst verschwindet, bewegt sich zufallsgesteuert mit JavaScript. Es gibt bei manchen Browsern Probleme, wenn die Fliege loslegt, bevor alle Dateien geladen sind. Ist dies der Fall, oder soll einfach die Fliege von neuem erscheinen, hier klicken. Ein anderes interessantes Beispiel für Bewegung sind Vorhangeffekte. Am einfachsten läßt sich dies mit einer absolut festgelegten Fenstergröße realisieren. Ansonsten müssten die Vorhänge der aktuellen Fenstergröße angepasst werden. Ähnlich funktioniert auch der Countdown.
Last update at 10.07.2004