Zappel - HTML-Quelltext

Quelltext von zappel.html

index Anfang runter divcontent.js change.js clock.js newsticker.js buntmachen.html laola.html change.html clock.html newsticker.html combo.html
Dies ist die Auflistung der Datei zappel.html.

Im folgenden Quelltext sind wichtige Bereiche rot und Kommentare grün markiert.
index Anfang hoch runter divcontent.js change.js clock.js newsticker.js buntmachen.html laola.html change.html clock.html newsticker.html combo.html 
<!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">
<!--
var DDC;
/* Liste aller zu verwendenden Size-Attribute: */
var sizelist=new Array("28px","29px","30px","31px","32px","33px");
/* Liste aller zu verwendenden Vordergrundfarben: */
var fglist=new Array("#FFD0D0","#D0FFD0","#D0D0FF","#FFFFD0","#D0FFFF","#FFD0FF");
/* Liste aller zu verwendenden Hintergrundfarben: */
var bglist=new Array("#800000","#008000","#000080","#606000","#006060","#600060");
/* Starttags: */
var starttext="<table border=\"0\" cellpadding=\"10\" cellspacing=\"0\" width=\"100%\">";
starttext+="<tr><td align=center style=\"background:#000000\">";
/* mein Text: */
var mytext="Dieser Text zappelt bunt";
/* Endtags: */
var endtext="</td></tr></table>";

/* Inhaltsbehandler: */
function MyHandler()
{
  var i,text="";
  var sizenum,fgnum,bgnum;
  for (i=0;i<mytext.length;i++)
  {
    sizenum=Math.floor(Math.random()*sizelist.length);
    while (sizenum>sizelist.length) sizenum-=sizelist.length;
    fgnum=Math.floor(Math.random()*fglist.length);
    while (fgnum>fglist.length) fgnum-=fglist.length;
    bgnum=Math.floor(Math.random()*bglist.length);
    while (bgnum>bglist.length) bgnum-=bglist.length;
    text+="<b style=\""
    text+="font-size:"+sizelist[sizenum]+"; ";
    text+="color:"+fglist[fgnum]+"; ";
    text+="background-color:"+bglist[bgnum]+"\">";
    if (mytext.charCodeAt(i)>32)
      text+=mytext.charAt(i);
    else
      text+="&nbsp";
    text+="</b>";
  }
  return starttext+text+endtext;
}

/* Initialisierung: */
function Init()
{
  DDC=new DivContent("DDC","section1");
  DDC.SetContentHandler(MyHandler);
  DDC.Run(200);
}
//-->
</script>

</head>

<body onLoad="Init();">

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

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

</body>
</html>
index Anfang hoch divcontent.js change.js clock.js newsticker.js buntmachen.html laola.html change.html clock.html newsticker.html combo.html
Autor: Ulrich Kritzner