Newsticker around the world &
Web/Multimedia
Fritz Eller
& JavaScript
Uwe Neuhaus, Javascript – Programmieren im World Wide Web. Addison Wesley Longman Verlag GmbH, ATS 605,— ISBN 3-8273-1195-0 CD (inkl. Linzenziertem Netscape Navigator 3.0) mit gedruckter Kurzreferenz.
Fritz Eller
Es darf nicht fehlen, das typische Javascript: Der Newsticker!
Aber er ist es eben nicht, wie so typisch. Er ist nicht eines von vielen Beispiel, das man einfach aus irgendeinem Unterverzeichnis auf irgendeiner Javascript-Sammelsurium-CD herauskopiert und in die eigene Web-Seite einbaut.
ER wird klar erklärt! Verfeinert, erklärt und dargestellt. Und erst jetzt bist Du gewillt, ihn in Deiner Seite einzubauen.
Ganz richtig. Jetzt bist Du gewillt, ihn nicht zu kopieren, sondern ihn Dir selbst zu bauen – notfalls mit dem einen oder anderen Kontrollblick auf die Vorlage...
Uwe Neuhaus hat es mit dem Addison-Wesley-Verlag ganz ordentlich geschaft, eine interessante (wenn auch grafisch nicht umwerfende, aber sicher auch nicht überladene) CD zu fabrizieren, die einläd und ermuntert, sich mit Javascript zu beschäftigen! Daß auf der CD noch eine lizensierte Vollversion von Netscape Navigator 3.0 (für Mac, Unix und Windows!) kostenlos mitgeliefert wird, ist auch klar. Denn schließlich ist Javascript eine Entwicklung von Netscape und erfreut sich einer ebenso großen Beliebtheit wieder der Browser aus demselben Haus (Was Werbung nicht alles macht...).
Eine gedruckte Kurzreferenz zu den einzelnen Java-Scripten ergänzt das brauchbare Werk, ist aber nur für den Profi eher von Interesse. Kurz und gut: Für den Profi praktisch, für den Fortgeschrittenen praktisch und beispielorientiert, für den Anfänger, praktisch, beispielorientiert und anschaulich – wenn auch zuviel auf einmal!
Wie war das nochmals mit dem newsticker ?
<HTML>
<HEAD>
<TITLE>Der Nachrichten-Ticker</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!-- Skript in HTML-Kommentar verstecken
// Anzuzeigender Text
var Text = "- - - Diese Web-Site enthält nun ";
Text += "einen Nachrichten-Ticker, ";
Text += "mit dem Besucher der Site ";
Text += "auf Veränderungen und ";
Text += "Neuerungen aufmerksam gemacht ";
Text += "werden können! ";
Text += " ";
// Anfang des Textausschnittes
var Position = 0;
// Verzoegerungszeit in ms
var TickerTime = 200;
// Breite des Textelementes in Zeichen
var TickerBreite = 20;
function tickern()
{
// Laenge des Textausschnittes
var Laenge = TickerBreite * 2;
// Laenge des anzuzeigenden Textes
var TextLaenge = Text.length;
// Endposition des Textausschnittes
var Ende = Position + Laenge;
// Textausschnitt
var TickerText = Text.substring( Position, Ende );
// Ueber das Ende des Textes hinausgegangen?
if ( Ende > TextLaenge )
{
// Teil vom Textanfang anhaengen
TickerText += Text.substring( 0, Ende - TextLaenge ); }
// Wert im Textelement aendern
document.forms[0].elements[0].value = TickerText;
// Position um ein Zeichen verschieben
Position = ( Position + 1 ) % TextLaenge;
// Nach der Verzoegerungszeit neuer Aufruf
setTimeout( "tickern()", TickerTime );
}
// Ende des HTML-Kommentars -->
</SCRIPT>
</HEAD>
<BODY>
<CENTER>
<H1>Hier können beliebige HTML-Anweisungen stehen!</H1>
<HR>
<SCRIPT LANGUAGE="JavaScript">
<!-- Skript in HTML-Kommentar verstecken
document.writeln( "<FORM>" );
document.write( "Aktuelle Informationen zu ");
document.writeln( "dieser Web-Site: " );
document.write( "<INPUT TYPE='text' " );
document.write( "NAME='Nachrichtenelement' " );
document.writeln( "SIZE=" + TickerBreite + ">" );
document.writeln( "</FORM>" );
// Nachrichten-Ticker starten
tickern();
// Ende des HTML-Kommentars -->
</SCRIPT>
</CENTER>
</BODY>
</HTML>
(Die weitere Erklärung dazu im Buch und auf der CD...)
