Anzeigetafel-Text
Ähnlich den Flipp-Buchstaben am Airport wird hier eine Textnachricht angezeigt. Ich habe das ganze einmal als Anzeigetafel verpackt. Denkbar wäre auch eine Verwendung für eine Preistafel, Reklametafel oder Bahnhofsanzeige. Mit etwas Kreativität fällt ihnen sicher eine weitere Anwendung ein (siehe oben, Variante).
06.09.2006 Umlaute eingetragen
02.01.2008 Einsatz von aufeinander folgenden Leerzeichen ist nun möglich
Ankunft / Arrival
Flugnummer Flughafen Status Zeit |
|
|
|
|
Wegen der vertikalen Ausrichtung der einzelnen Zeichen (wichtig beim Mehrfacheinsatz des Scripts untereinander wie hier) wird für die Anzeige ein Monotype-Font verwendet. Da diese Schrifttype für jeden Buchstaben einheitliche Breiten nutzt, bleiben schmale Buchstaben (wie 'l') mit breiteren Buchstaben (wie 'm') immer einheitlich ausgerichtet!
Weitere Modifizierung
Da mehrere Leerzeichen hintereinader vom Browser ignoriert werden und
a) der Anzeigetext aber häufig solche aufeinanderfolgenden Leerzeichen erfordert,
b) die Schreibweise mit nicht eingesetzt werden kann
habe ich die Funktion nun noch einmal modifiziert.
Beispiel: An Stelle der roten 'X' wären NonBreakableSpace ( ) erforderlich
AX 0124 BERLIN landing 19:18
LT 0052 KÖLNXX delayed 20:25
Setzen sie bei mehreren aufeinander folgenden Leerzeichen den Unterstrich an deren Stelle:
AX 0124 BERLIN landing 19:18
LT 0052 KÖLN__ delayed 20:25
Das Script wandelt die Unterstriche in um.
Aufwand
Der Aufwand ist recht gering. Einfach das Script an Ort und Stelle in den Body kopieren und den Text anpassen. Möchten sie die Funktion innerhalb einer Seite mehrfach einsetzen, nutzen sie eine weitere Kopie und nennen die Bezeichner / Variablen der Kopie um.
Das Sript funktioniert in älteren Browsern wie dem NS4.x nicht. Bei solchen Browsern wird dann aber der Text statisch angezeigt.
Funktion
Das JavaScript durchläuft Zeichen für Zeichen ihren Text und vergleicht und ersetzt den Anzeigetext mit dem vorgegebenen Zeichenvorrat im Array. Den Fortschritt des Durchlaufs können sie an dem derzeitig angezeigten Zeichen verfolgen. Bei Übereinstimmung wird das betreffende Textzeichen nicht mehr verändert.
Durch meine Modifizierung wird zusätzlich noch der Vergleich mit dem Unterstrich durchgeführt und bei Übereinstimmung ein NonBreakableSpace ( ) eingetragen.
Zur Anpassung folgende Änderungen im Script:
| |
hier im Beispiel |
ersetzen mit |
| Text01 |
AX 0124 BERLIN landing 19:18 |
ihr Text |
| Geschwindigkeit |
setTimeout('anzeige01()',150); |
ihr Wert (statt 150) in ms |
|
|