epoz/epoz_core/epoz_script_color.html.dtml

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