webcit/static/palette.htm

   1 <html>\r
   2 <head>\r
   3         <title>Text Color</title>\r
   4         <script type="text/javascript">\r
   5         <!--\r
   6         function selectColor(color) {\r
   7                 self.parent.setColor(color);\r
   8         }\r
   9         \r
  10         function InitColorPalette() {\r
  11                 if (document.getElementsByTagName)\r
  12                         var x = document.getElementsByTagName('TD');\r
  13                 else if (document.all)\r
  14                         var x = document.all.tags('TD');\r
  15                 for (var i=0;i<x.length;i++) {\r
  16                         x[i].onmouseover = over;\r
  17                         x[i].onmouseout = out;\r
  18                         x[i].onclick = click;\r
  19                 }\r
  20         }\r
  21         \r
  22         function over() {\r
  23                 this.style.border='1px dotted white';\r
  24         }\r
  25         \r
  26         function out() {\r
  27                 this.style.border='1px solid gray';\r
  28         }\r
  29         \r
  30         function click() {\r
  31                 selectColor(this.id);\r
  32         }\r
  33         //-->\r
  34         </script>\r
  35 </head>\r
  36 <body bgcolor="white" onLoad="InitColorPalette()" leftmargin="0" rightmargin="0" marginwidth="0" marginheight="0" topmargin="0" bottommargin="0">\r
  37 <table width="150" height="100" cellpadding="0" cellspacing="1" border="1" align="center">\r
  38         <tr>\r
  39                 <td id="#FFFFFF" bgcolor="#FFFFFF" width="10" height="10"><img width="1" height="1"></td>\r
  40                 <td id="#FFCCCC" bgcolor="#FFCCCC" width="10" height="10"><img width="1" height="1"></td>\r
  41                 <td id="#FFCC99" bgcolor="#FFCC99" width="10" height="10"><img width="1" height="1"></td>\r
  42                 <td id="#FFFF99" bgcolor="#FFFF99" width="10" height="10"><img width="1" height="1"></td>\r
  43                 <td id="#FFFFCC" bgcolor="#FFFFCC" width="10" height="10"><img width="1" height="1"></td>\r
  44                 <td id="#99FF99" bgcolor="#99FF99" width="10" height="10"><img width="1" height="1"></td>\r
  45                 <td id="#99FFFF" bgcolor="#99FFFF" width="10" height="10"><img width="1" height="1"></td>\r
  46                 <td id="#CCFFFF" bgcolor="#CCFFFF" width="10" height="10"><img width="1" height="1"></td>\r
  47                 <td id="#CCCCFF" bgcolor="#CCCCFF" width="10" height="10"><img width="1" height="1"></td>\r
  48                 <td id="#FFCCFF" bgcolor="#FFCCFF" width="10" height="10"><img width="1" height="1"></td>\r
  49         </tr>\r
  50         <tr>\r
  51                 <td id="#CCCCCC" bgcolor="#CCCCCC" width="10" height="10"><img width="1" height="1"></td>\r
  52                 <td id="#FF6666" bgcolor="#FF6666" width="10" height="10"><img width="1" height="1"></td>\r
  53                 <td id="#FF9966" bgcolor="#FF9966" width="10" height="10"><img width="1" height="1"></td>\r
  54                 <td id="#FFFF66" bgcolor="#FFFF66" width="10" height="10"><img width="1" height="1"></td>\r
  55                 <td id="#FFFF33" bgcolor="#FFFF33" width="10" height="10"><img width="1" height="1"></td>\r
  56                 <td id="#66FF99" bgcolor="#66FF99" width="10" height="10"><img width="1" height="1"></td>\r
  57                 <td id="#33FFFF" bgcolor="#33FFFF" width="10" height="10"><img width="1" height="1"></td>\r
  58                 <td id="#66FFFF" bgcolor="#66FFFF" width="10" height="10"><img width="1" height="1"></td>\r
  59                 <td id="#9999FF" bgcolor="#9999FF" width="10" height="10"><img width="1" height="1"></td>\r
  60                 <td id="#FF99FF" bgcolor="#FF99FF" width="10" height="10"><img width="1" height="1"></td>\r
  61         </tr>\r
  62         <tr>\r
  63                 <td id="#C0C0C0" bgcolor="#C0C0C0" width="10" height="10"><img width="1" height="1"></td>\r
  64                 <td id="#FF0000" bgcolor="#FF0000" width="10" height="10"><img width="1" height="1"></td>\r
  65                 <td id="#FF9900" bgcolor="#FF9900" width="10" height="10"><img width="1" height="1"></td>\r
  66                 <td id="#FFCC66" bgcolor="#FFCC66" width="10" height="10"><img width="1" height="1"></td>\r
  67                 <td id="#FFFF00" bgcolor="#FFFF00" width="10" height="10"><img width="1" height="1"></td>\r
  68                 <td id="#33FF33" bgcolor="#33FF33" width="10" height="10"><img width="1" height="1"></td>\r
  69                 <td id="#66CCCC" bgcolor="#66CCCC" width="10" height="10"><img width="1" height="1"></td>\r
  70                 <td id="#33CCFF" bgcolor="#33CCFF" width="10" height="10"><img width="1" height="1"></td>\r
  71                 <td id="#6666CC" bgcolor="#6666CC" width="10" height="10"><img width="1" height="1"></td>\r
  72                 <td id="#CC66CC" bgcolor="#CC66CC" width="10" height="10"><img width="1" height="1"></td>\r
  73         </tr>\r
  74         <tr>\r
  75                 <td id="#999999" bgcolor="#999999" width="10" height="10"><img width="1" height="1"></td>\r
  76                 <td id="#CC0000" bgcolor="#CC0000" width="10" height="10"><img width="1" height="1"></td>\r
  77                 <td id="#FF6600" bgcolor="#FF6600" width="10" height="10"><img width="1" height="1"></td>\r
  78                 <td id="#FFCC33" bgcolor="#FFCC33" width="10" height="10"><img width="1" height="1"></td>\r
  79                 <td id="#FFCC00" bgcolor="#FFCC00" width="10" height="10"><img width="1" height="1"></td>\r
  80                 <td id="#33CC00" bgcolor="#33CC00" width="10" height="10"><img width="1" height="1"></td>\r
  81                 <td id="#00CCCC" bgcolor="#00CCCC" width="10" height="10"><img width="1" height="1"></td>\r
  82                 <td id="#3366FF" bgcolor="#3366FF" width="10" height="10"><img width="1" height="1"></td>\r
  83                 <td id="#6633FF" bgcolor="#6633FF" width="10" height="10"><img width="1" height="1"></td>\r
  84                 <td id="#CC33CC" bgcolor="#CC33CC" width="10" height="10"><img width="1" height="1"></td>\r
  85         </tr>\r
  86         <tr>\r
  87                 <td id="#666666" bgcolor="#666666" width="10" height="10"><img width="1" height="1"></td>\r
  88                 <td id="#990000" bgcolor="#990000" width="10" height="10"><img width="1" height="1"></td>\r
  89                 <td id="#CC6600" bgcolor="#CC6600" width="10" height="10"><img width="1" height="1"></td>\r
  90                 <td id="#CC9933" bgcolor="#CC9933" width="10" height="10"><img width="1" height="1"></td>\r
  91                 <td id="#999900" bgcolor="#999900" width="10" height="10"><img width="1" height="1"></td>\r
  92                 <td id="#009900" bgcolor="#009900" width="10" height="10"><img width="1" height="1"></td>\r
  93                 <td id="#339999" bgcolor="#339999" width="10" height="10"><img width="1" height="1"></td>\r
  94                 <td id="#3333FF" bgcolor="#3333FF" width="10" height="10"><img width="1" height="1"></td>\r
  95                 <td id="#6600CC" bgcolor="#6600CC" width="10" height="10"><img width="1" height="1"></td>\r
  96                 <td id="#993399" bgcolor="#993399" width="10" height="10"><img width="1" height="1"></td>\r
  97         </tr>\r
  98         <tr>\r
  99                 <td id="#333333" bgcolor="#333333" width="10" height="10"><img width="1" height="1"></td>\r
 100                 <td id="#660000" bgcolor="#660000" width="10" height="10"><img width="1" height="1"></td>\r
 101                 <td id="#993300" bgcolor="#993300" width="10" height="10"><img width="1" height="1"></td>\r
 102                 <td id="#996633" bgcolor="#996633" width="10" height="10"><img width="1" height="1"></td>\r
 103                 <td id="#666600" bgcolor="#666600" width="10" height="10"><img width="1" height="1"></td>\r
 104                 <td id="#006600" bgcolor="#006600" width="10" height="10"><img width="1" height="1"></td>\r
 105                 <td id="#336666" bgcolor="#336666" width="10" height="10"><img width="1" height="1"></td>\r
 106                 <td id="#000099" bgcolor="#000099" width="10" height="10"><img width="1" height="1"></td>\r
 107                 <td id="#333399" bgcolor="#333399" width="10" height="10"><img width="1" height="1"></td>\r
 108                 <td id="#663366" bgcolor="#663366" width="10" height="10"><img width="1" height="1"></td>\r
 109         </tr>\r
 110         <tr>\r
 111                 <td id="#000000" bgcolor="#000000" width="10" height="10"><img width="1" height="1"></td>\r
 112                 <td id="#330000" bgcolor="#330000" width="10" height="10"><img width="1" height="1"></td>\r
 113                 <td id="#663300" bgcolor="#663300" width="10" height="10"><img width="1" height="1"></td>\r
 114                 <td id="#663333" bgcolor="#663333" width="10" height="10"><img width="1" height="1"></td>\r
 115                 <td id="#333300" bgcolor="#333300" width="10" height="10"><img width="1" height="1"></td>\r
 116                 <td id="#003300" bgcolor="#003300" width="10" height="10"><img width="1" height="1"></td>\r
 117                 <td id="#003333" bgcolor="#003333" width="10" height="10"><img width="1" height="1"></td>\r
 118                 <td id="#000066" bgcolor="#000066" width="10" height="10"><img width="1" height="1"></td>\r
 119                 <td id="#330099" bgcolor="#330099" width="10" height="10"><img width="1" height="1"></td>\r
 120                 <td id="#330033" bgcolor="#330033" width="10" height="10"><img width="1" height="1"></td>\r
 121         </tr>\r
 122 </table>\r
 123 </body>\r
 124 </html>\r