Workspace/Siman/WebContent/rtef/palette.htm

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