Farbtabelle - Beispiel für JavaScript-Programmierung

gesättigte Farben:

mit Grau gemischte Farben:
mit Hellgrau gemischte Farben:
Pastellfarben:
HTML-Quelltext für die Einbindung der Farbtabellen
gesättigte Farben:
<script type="text/javascript">ColorTable();</script><br>
mit Grau gemischte Farben:
<script type="text/javascript">GreyTable();</script><br>
mit Hellgrau gemischte Farben:
<script type="text/javascript">LightGreyTable();</script><br>
Pastellfarben:
<script type="text/javascript">PastellTable();</script><br>


JavaScript-Quelltext im head-Teil
hoch runter
<script type="text/javascript">
<!--
hoch runter
var HexArray=new Array("0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F");
var TextColor="#FFFFFF";
hoch runter
function HexHex(a)
/* rechnet eine Zahl zwischen 0 und 15 in ein Hex-Zeichen um */
{
  return HexArray[a];
}
hoch runter
function HexByte(a)
/* rechnet eine Zahl zwischen 0 und 255 in eine zweistellige Hex-Zeichenkette um */
{
  return HexHex(Math.floor(a/16))+HexHex(a%16);
}
hoch runter
function RangeCheck(a)
/* sichert den zulaessigen Zahlenbereich */
{
  if (!a)
    a=0;
  if (a<0)
    a=0;
  if (a>255)
    a=255;
  return a;
}
hoch runter
function ColorEntry(r,g,b)
/* schreibt einen Tabelleneintrag */
{
  var ColorString,_red,_green,_blue;
  _red=RangeCheck(r);
  _green=RangeCheck(g);
  _blue=RangeCheck(b);
  ColorString=HexByte(_red)+HexByte(_green)+HexByte(_blue);
  document.write("<td style=\"background:#"+ColorString+"; font:bold;\">"+ColorString+"</td>");
}
hoch runter
function TableRow(high,low)
/* schreibt eine Tabellenzeile */
{
  var middle=Math.floor((high+low)/2);
  document.write("<tr>");
  ColorEntry(high,low,low);
  ColorEntry(high,middle,low);
  ColorEntry(high,high,low);
  ColorEntry(middle,high,low);
  ColorEntry(low,high,low);
  ColorEntry(low,high,middle);
  ColorEntry(low,high,high);
  ColorEntry(low,middle,high);
  ColorEntry(low,low,high);
  ColorEntry(middle,low,high);
  ColorEntry(high,low,high);
  ColorEntry(high,low,middle);
  document.write("</tr>\n");
}
hoch runter
function ColorTable()
{
  var i;
  document.write("<table cellpadding=\"5\" cellspacing=\"0\" border=\"0\" width=\"100%\">\n");
  for (i=16;i<=256;i+=16)
    TableRow(i,0);
  document.write("</table>\n");
}
hoch runter
function GreyTable()
{
  var i;
  document.write("<table cellpadding=\"5\" cellspacing=\"0\" border=\"0\" width=\"100%\">\n");
  for (i=0;i<=256;i+=16)
    TableRow(128,i);
  document.write("</table>\n");
}
hoch runter
function LightGreyTable()
{
  var i;
  document.write("<table cellpadding=\"5\" cellspacing=\"0\" border=\"0\" width=\"100%\">\n");
  for (i=0;i<=256;i+=16)
    TableRow(192,i);
  document.write("</table>\n");
}
hoch runter
function PastellTable()
{
  var i;
  document.write("<table cellpadding=\"5\" cellspacing=\"0\" border=\"0\" width=\"100%\">\n");
  for (i=16;i<255;i+=16)
    TableRow(255,i);
  document.write("</table>\n");
}
hoch runter
//-->
</script>


Autor: Ulrich Kritzner