Fehler: dieses Programm benötigt JavaScript.
Sanduhr Test JavaScript
Beispielprogramm: "Animierte Sanduhr"
Ich verwende gerne ein JavaScript basiertes Objekt, um Benutzern meiner JavaScript/JSON Weblösungen zu zeigen, dass im Hintergrund gearbeitet wird. Wenn eine längere JSON Operation zu erwarten ist, blende ich die Sanduhr ein, nach Ende der Operation verschwindet sie wieder.
Die Positionierung erfolgt absolut zum Browserfenster, damit die Anzeige auch funktioniert, wenn eine Seite durch Scrollbalken nach oben verschoben wurde.
So nebenbei zeigt das Beispiel es auch, ob JavaScript im Browser funktioniert, und ob der Browser mit absoluten Positionsangaben umgehen kann.
Nach dem Drücken des "Start" Buttons sollte in der Bildschirmmitte eine endlos laufende Sanduhr erscheinen.
Die Position der Sanduhr ist durch Übergabe eines Parameters beim "Init" wählbar: styHourglassTopLeft (Fensterecke oben-links), styHourglassCenter (Fenstermitte), styHourglassTopRight (Fensterecke oben-rechts), Default ist Fenstermitte.
Um das "Auseinanderbrechen" der Darstellung bei verschiedenen Browserfenster-Größen zu verhindern, wird die Sanduhr transparent über eventuell vorhandenen Text geblendet.
Source Code Listing: hourglass.js |
|
Source code display area
|
Css Listing: hourglass.css |
|
Source code display area
|
HTML Code |
|
Source code display area
|
Grafikdateien(*): hourglass_running.gif hourglass_start.gif hourglass_finish.gif hourglass_none.gif |
(*) Herzlichen Dank an Nick Briz, der die Sanduhr in mühsamer Kleinarbeit nach dem Vorbild des ersten Windows Sanduhr Cursors gestaltet und mir die Verwendung in meinen Projekten erlaubt hat.