-
Ticker ist ein Scrolltext in einer Eingabebox. Im Gegensatz zum
üblichen Scrolltext in der Statuszeile hat dies den Vorteil,
daß die Statuszeile noch funktioniert.
Das besondere an Ticker ist, daß er auch mehrfach und in
verschiedener Form auf einer Seite vorkommen kann.
-
<form name="TICKER">
<input type="BUTTON" name="LAST" value="Zurueck" onClick="Ticker2Last();"></input>
<input type="TEXT" name="TEXT" disabled value="Bitte JavaScript einschalten!" size="60" maxlen="60"></input> <input type="BUTTON" name="NEXT" value="Vor" onClick="Ticker2Next();"></input></form>
-
Für Ticker sind drei Komponenten notwendig:
- 1. JavaScript im <HEAD>-Abschnitt
- Es muß die Datei ticker.js geladen werden und der
MessageText gesetzt werden.
<script type="text/javascript" language="JavaScript" src="ticker.js"></script>
<script type="text/javascript" language="JavaScript">
<!-- Fuer nicht JavaScript faehige Browser auskommentieren
// (c) M.Boerger: mailto:marcus.boerger@post.rwth-aachen.de
// See Copyright-Info at / Beachten Sie Copyright-Info in Seite
// http://www.marcus-boerger.de/js/DynamicJavaScript.html
var sMSG= 'TEXT1 TEXT2 TEXT3 TEXT4 ' // Hier kommt der Text hin
// -->
</script>
- 2. Aufruf des Scriptes im <body>-Abschnitt
- Wenn die Eingabebox in Abwesenheit von JavaScript auch
erscheinen soll, so schreibt man diese einfach in einen
noscript-Bereich direkt hin. Das kann benutzt werden, um in der Box
darauf hinzuweisen, daß JavaScript benötigt wird.
Andernfalls kann der noscript-Bereich wegfallen.
<script type="text/javascript" language="JavaScript">
<!-- Fuer nicht JavaScript faehige Browser auskommentieren
// (c) M.Boerger: mailto:marcus.boerger@post.rwth-aachen.de
// See Copyright-Info at / Beachten Sie Copyright-Info in Seite
// http://www.marcus-boerger.de/js/DynamicJavaScript.html
TickerCreate( msg, '75%', 200, 2000);
// -->
</script>
<noscript>
<form name="ticker">
<input type="BUTTON" name="LAST" value="Zurueck" onClick="Ticker2Last();"></input>
<input type="TEXT" name="TEXT" disabled value="Bitte JavaScript einschalten!" size="75%"></input>
<input type="BUTTON" name="NEXT" value="Vor" onClick="Ticker2Next();"></input>
</form>
</noscript>
- 3. Die Parameter der Funktion TickerCreate
-
TickerCreate( Message, Size, Interval, Pause)
- Message
- Der Scrolltext
- Size
- Die Größe der Eingabebox in Pixel oder Prozent,
entspricht der Angabe in dem Size Attribut. Hierbei muß noch
beachtet werden, ß die beiden Schaltflächen auch Platz
benötigen. Daher sollte nicht mehr als 75% angegeben
werden.
- Interval
- Abstand zwischen zwei Zeichen.
- Pause
- Pause vor Start bzw. nach drücken einer der beiden
Schaltflächen.