NewsTicker - JavaScript-Quelltext

Quelltext von newsticker.html

Dies ist die Auflistung der Datei newsticker.html.

Im folgenden Quelltext sind wichtige Bereiche rot markiert.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="content-language" content="en">
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-style-type" content="text/css">
<meta name="author" content="Ulrich Kritzner">
<meta name="robots" content="none">
<title>JavaScript - DivContent - Demo</title>

<script type="text/javascript" src="divcontent.js"></script>
<script type="text/javascript" src="newsticker.js"></script>

<script type="text/javascript">
<!--
var Ticker;
var tickertext=" +++ +++ +++ Der Ticker in dieser Form";
tickertext+=" laeuft unter Netscape6, Konqueror2 und MSIE5";
tickertext+=" +++ Bei der Verwendung absolut positionierter Layer";
tickertext+=" wird er auch unter Netscape4 lauffaehig";
var droeppeztext=" +++ +++ +++ Wer macht die fettesten JavaScripts?";
droeppeztext+=" Na? Na? Na? Wer isses? Hmmm?";
droeppeztext+=" +++ Ulrich Kritzner the Droeppez rockt den Scheiss";
droeppeztext+=" +++ Wickeda Programma";
var Begin1="<tt style=\"color:#000080; background-color:#D0F0FF\">";
var End1="</tt>";
var Begin2="<b><tt style=\"color:#800000; background-color:#F0F0A0\">";
var End2="</tt></b>";
var Begin3="<table cellpadding=\"5\" cellspacing=\"0\" border=\"0\">";
Begin3+="<tr><td style=\"background:#C0E0C0\"><b><tt style=\"color:#004000\">";
var End3="</tt></b></td></tr></table>";

function Init()
{
  Ticker=new NewsTicker("Ticker","ticker");
  Ticker.SetContent(tickertext,60);
  Ticker.SetAttributes(Begin1,End1);
  Ticker.Run(100);
}
//-->
</script>

</head>

<body onLoad="Init();">

<h4 align=center>Demo zur Verwendung von "divcontent.js" und "newsticker.js"</h4>
<p align=center>
(c) 2002 <a href="../../tohome.html">Ulrich Kritzner</a>
<br>
die Verwendung von "divcontent.js" und "newsticker.js" in kommerziellen Seiten ist kostenpflichtig
<br>
<a href="index.html">zur&uuml;ck zum Index</a>
</p>
<br>

<div name="ticker" id="ticker" align=center>
<b><tt style="color:#800000; background-color:#F0F0A0">
JavaScript angeschaltet?
</tt></b>
</div>

<br>
<p align=center>
<a href="javascript:Ticker.Run(25)">husch</a>
<a href="javascript:Ticker.Run(50)">schnell</a>
<a href="javascript:Ticker.Run(100)">standard</a>
<a href="javascript:Ticker.Run(200)">langsam</a>
<a href="javascript:Ticker.Run(400)">lahm</a> &nbsp;
<a href="javascript:Ticker.Stop()">Stop</a> &nbsp;
<a href="javascript:Ticker.Step()">Einzelschritt</a>
<br><br>
<a href="javascript:Ticker.SetContent(tickertext,60)">Tickertext</a> &nbsp;
<a href="javascript:Ticker.SetContent(droeppeztext,60)">Eigenlob</a>
<br><br>
<a href="javascript:Ticker.SetAttributes(Begin1,End1)">blau auf cyan</a> &nbsp;
<a href="javascript:Ticker.SetAttributes(Begin2,End2)">rot auf gelb</a> &nbsp;
<a href="javascript:Ticker.SetAttributes(Begin3,End3)">gr&uuml;n im Kasten</a>
</p>

</body>
</html>
Autor: Ulrich Kritzner