Anzeigetafel
    


HOME

Variante1   Variante2   Demo   Quellcode ZURÜCK SITEMAP  

 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









NACH OBEN