Implementierung und Pflege eines einfachen Nachrichtentickers

Dieser DHTML News Ticker von Scriptocean ist pflegeleicht und einzelne Komponenten lassen sich wieder verwenden. ZDNet erklärt wie er funktioniert, verändert und eingebaut werden kann.

Mit einem kleinen Feature kann so mancher Website eine gewisse Aktualität verliehen werden. Ein Nachrichtenticker vermittelt sicher das Gefühl von Aktualität an den Besucher, allerdings sollte dieses Feature einfach und pflegeleicht sein. Nach einiger Suche und Durchsicht verschiedener Scripts für Nachrichtenticker – einige in JavaScript und einige in Java geschrieben – fiel die Entscheidung auf den DHTML News Ticker von ScriptOcean entschieden.

Bei der Suche war allerdings einer der Hauptgesichtspunkte die Wiederverwendbarkeit einzelner Komponenten gewesen. Die Parameter, denen die Einträge in diesem Nachrichtenticker folgen, wurden in einem Datenfeld bereitgestellt und das Aussehen wurde über Variablen im Code der Anwendung bestimmt. Da der Rest des Scripts den gegebenen Vorstellungen entsprach und es leicht zu überarbeiten schien, beschloss man, das Script so zu verändern, dass die Nachrichten und das Aussehen für jede Seite, auf der sich ein Ticker befinden sollte, verändert werden konnte, während immer auf dasselbe Kernscript zurückgegriffen würde.

Neuorganisation des existierenden Codes

Zunächst wurde der Code durchgearbeitet und sein Layout geändert, um ihn leichter lesen und die gewünschten Veränderungen vornehmen zu können. Das Script wurde in regelmäßigen Abständen neu angeordnet und mit der im Download enthaltenen Beispieldatei überprüft. So konnte sichergestellt werden, dass bei der Übertragung in ein besser lesbares und ergänzbares Format nicht versehentlich die Funktion des Codes beeinträchtigt wurde. Der ursprüngliche Code findet sich in Listing A und der überarbeitete Code in Listing B. Ein Funktionsbeispiel der überarbeiteten Version findet sich unter Beispiel A.

Abgesehen davon, dass es so für den Gelegenheitssurfer erschwert wird, das Script ohne Angabe des Urhebers zu kopieren, ist das ursprüngliche Script auch kleiner, da es nicht wie Listing B Abstandhalter, etwa Tabulatoren oder Zeilenumbrüche, oder Kommentare enthält. In diesem Fall ist die Dateigröße dadurch um 1k angewachsen. Man kann in einigen Fällen eine Leistungssteigerung erzielen, wenn man auf den Lesekomfort für das menschliche Auge verzichtet, die Lesbarkeit für den Computer aber beibehält. Dies gilt für jeden Code, den man schreibt.

Fanden Sie diesen Artikel nützlich?
1 von 1 Lesern fanden diesen Artikel nützlich.

Aktuelle Job-Angebote

Lesermeinungen zum Artikel

 
von Franz
am 18. Dezember 2003, 09:04 Uhr
Beispiel C geht nicht
Bei Beispiel C erhalte ich nur "undefined". Das gleiche bekomme ich übrigens auch, wenn ich mir die drei Dateien news.htm, news.xml und headline.js aus den Listings zusammenbastele. Vorschläge?
 
von Florian Edlbauer, ZDNet
am 18. Dezember 2003, 10:31 Uhr
AW: Beispiel C geht nicht
Kann ich mir auf die Schnelle nicht erklären, aber versuchen Sie es mal mit dieser Version:http://builder.com.com/5110-6389-5109495.htmlDie scheint zu funktionieren, wie man hier sieht:http://img.com.com/i/tr/bldr/Ticker/exampleC.htmlWir arbeiten dran, das auch hinzubekommen... Sorry.
 
von Franz
am 18. Dezember 2003, 15:53 Uhr
AW: AW: Beispiel C geht nicht
Das Listing ist das gleiche, das ich auch schon für meine headline.js verwendet habe. :-(Das genannte Beispiel funktioniert in der Tat. Aber täusche ich mich, oder ist ExampleC identisch mit ExampleB, obwohl doch eigentlich Unterschiede demonstriert werden sollten.

ZDNet.de Live

Sex ...

Sex Tech: EFF Exposes Dating Site Security, Fileporn Shutdown, Facebook Sex Predator t.co/...

11.02.12, 00:20 von ZDNet
Guinn ...

Guinness World Record for Facebook comments now 1 million t.co/...

11.02.12, 00:20 von ZDNet
Chart ...

Chart Show: "wenn ich Candle in the Wind" höre, denke ich sofort an Lady Di" ... ach? Nein! Wie das nur?!? #gigafail

10.02.12, 23:39 von coke4all
Chrom ...

Chrome for Android -- best mobile browser t.co/...

10.02.12, 22:35 von ZDNet
UL, ...

UL, Drexel University partner to establish research hub t.co/...

10.02.12, 22:15 von ZDNet
wow! ...

wow! ein wirklich schickes Android, das nicht Tablet-Größe hat: t.co/... ... leider nur mäßige technische Daten.

10.02.12, 21:25 von coke4all
Googl ...

Google arbeitet angeblich an Home Entertainment System mit Cloudanbindung t.co/...

10.02.12, 21:10 von zdnet_de
Why ...

Why are young Japanese men losing interest in sex? t.co/...

10.02.12, 20:55 von ZDNet
What ...

What AMD's new roadmap means for users t.co/...

10.02.12, 20:40 von ZDNet
Manch ...

Manchester City is expanding its online reach to Japan t.co/...

10.02.12, 20:35 von ZDNet
Fours ...

Foursquare evolving into one-stop shop with NFC support t.co/...

10.02.12, 20:35 von ZDNet
Websi ...

Website der Gelben Seiten baut Bewertungsfunktionen aus t.co/...

10.02.12, 20:30 von zdnet_de
Motor ...

Motorola: Android-Updates verzögern sich wegen der Hardware-Vielfalt t.co/...

10.02.12, 20:00 von zdnet_de
Aktie ...

Aktienkurse dort wo man sie am liebsten sieht: auf dem Mülleimer! t.co/...

10.02.12, 19:50 von coke4all
Faceb ...

Facebook details Zuckerberg's $500,000 salary, 45% bonus t.co/...

10.02.12, 19:45 von ZDNet
New ...

New Microsoft Office University product comes with tougher verification rules t.co/...

10.02.12, 19:35 von ZDNet
#Prad ...

#Prada Phone by #LG 3.0 ausgepackt und ausprobiert - #smartphone #android t.co/...

10.02.12, 19:30 von cnet_de
Schon ...

Schon im Test: Prada Phone by LG 3.0 mit Android und superhellem Display t.co/...

10.02.12, 19:30 von cnet_de
Beta ...

Beta von Chrome 18 erweitert Hardwarebeschleunigung t.co/...

10.02.12, 19:30 von zdnet_de