selcolor.jsp
上传用户:jhtang88
上传日期:2014-01-27
资源大小:28528k
文件大小:5k
源码类别:

Jsp/Servlet

开发平台:

Java

  1. <%@ page contentType="text/html;charset=utf-8" %>
  2. <%@ taglib uri="/WEB-INF/tlds/LabelTag.tld" prefix="lt" %>
  3. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  4. <HTML><HEAD><TITLE><lt:Label res="res.label.editor_full.selcolor" key="page_title"/></TITLE>
  5. <META http-equiv=Content-Type content="text/html; charset=utf-8">
  6. <LINK href="selcolor_files/pop.css" type=text/css rel=stylesheet>
  7. <SCRIPT language=JavaScript>
  8. var SelRGB = '#000000';
  9. var DrRGB = '';
  10. var SelGRAY = '120';
  11. var hexch = new Array('0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F');
  12. function ToHex(n)
  13. { var h, l;
  14. n = Math.round(n);
  15. l = n % 16;
  16. h = Math.floor((n / 16)) % 16;
  17. return (hexch[h] + hexch[l]);
  18. }
  19. function DoColor(c, l)
  20. { var r, g, b;
  21.   r = '0x' + c.substring(1, 3);
  22.   g = '0x' + c.substring(3, 5);
  23.   b = '0x' + c.substring(5, 7);
  24.   
  25.   if(l > 120)
  26.   {
  27.     l = l - 120;
  28.     r = (r * (120 - l) + 255 * l) / 120;
  29.     g = (g * (120 - l) + 255 * l) / 120;
  30.     b = (b * (120 - l) + 255 * l) / 120;
  31.   }else
  32.   {
  33.     r = (r * l) / 120;
  34.     g = (g * l) / 120;
  35.     b = (b * l) / 120;
  36.   }
  37.   return '#' + ToHex(r) + ToHex(g) + ToHex(b);
  38. }
  39. function EndColor()
  40. { var i;
  41.   if(DrRGB != SelRGB)
  42.   {
  43.     DrRGB = SelRGB;
  44.     for(i = 0; i <= 30; i ++)
  45.       GrayTable.rows(i).bgColor = DoColor(SelRGB, 240 - i * 8);
  46.   }
  47.   SelColor.value = DoColor(RGB.innerText, GRAY.innerText);
  48.   ShowColor.bgColor = SelColor.value;
  49. }
  50. </SCRIPT>
  51. <SCRIPT language=JavaScript event=onclick for=ColorTable>
  52.   SelRGB = event.srcElement.bgColor;
  53.   EndColor();
  54. </SCRIPT>
  55. <SCRIPT language=JavaScript event=onmouseover for=ColorTable>
  56.   RGB.innerText = event.srcElement.bgColor.toUpperCase();
  57.   EndColor();
  58. </SCRIPT>
  59. <SCRIPT language=JavaScript event=onmouseout for=ColorTable>
  60.   RGB.innerText = SelRGB;
  61.   EndColor();
  62. </SCRIPT>
  63. <SCRIPT language=JavaScript event=onclick for=GrayTable>
  64.   SelGRAY = event.srcElement.title;
  65.   EndColor();
  66. </SCRIPT>
  67. <SCRIPT language=JavaScript event=onmouseover for=GrayTable>
  68.   GRAY.innerText = event.srcElement.title;
  69.   EndColor();
  70. </SCRIPT>
  71. <SCRIPT language=JavaScript event=onmouseout for=GrayTable>
  72.   GRAY.innerText = SelGRAY;
  73.   EndColor();
  74. </SCRIPT>
  75. <SCRIPT language=JavaScript event=onclick for=Ok>
  76.   window.returnValue = SelColor.value;
  77.   window.close();
  78. </SCRIPT>
  79. <META content="MSHTML 6.00.3790.373" name=GENERATOR></HEAD>
  80. <BODY bgColor=menu>
  81. <DIV align=center>
  82. <CENTER>
  83. <TABLE cellSpacing=10 cellPadding=0 border=0>
  84.   <TBODY>
  85.   <TR>
  86.     <TD>
  87.       <TABLE id=ColorTable style="CURSOR: pointer" cellSpacing=0 cellPadding=0 
  88.       border=0>
  89.         <SCRIPT language=JavaScript>
  90. function wc(r, g, b, n)
  91. {
  92. r = ((r * 16 + r) * 3 * (15 - n) + 0x80 * n) / 15;
  93. g = ((g * 16 + g) * 3 * (15 - n) + 0x80 * n) / 15;
  94. b = ((b * 16 + b) * 3 * (15 - n) + 0x80 * n) / 15;
  95. document.write('<TD BGCOLOR=#' + ToHex(r) + ToHex(g) + ToHex(b) + ' height=8 width=8></TD>');
  96. }
  97. var cnum = new Array(1, 0, 0, 1, 1, 0, 0, 1, 0, 0, 1, 1, 0, 0, 1, 1, 0, 1, 1, 0, 0);
  98.   for(i = 0; i < 16; i ++)
  99.   {
  100.      document.write('<TR>');
  101.      for(j = 0; j < 30; j ++)
  102.      {
  103.       n1 = j % 5;
  104.       n2 = Math.floor(j / 5) * 3;
  105.       n3 = n2 + 3;
  106.       wc((cnum[n3] * n1 + cnum[n2] * (5 - n1)),
  107.       (cnum[n3 + 1] * n1 + cnum[n2 + 1] * (5 - n1)),
  108.       (cnum[n3 + 2] * n1 + cnum[n2 + 2] * (5 - n1)), i);
  109.      }
  110.      document.writeln('</TR>');
  111.   }
  112. </SCRIPT>
  113.         <TBODY></TBODY></TABLE></TD>
  114.     <TD>
  115.       <TABLE id=GrayTable style="CURSOR: hand" cellSpacing=0 cellPadding=0 
  116.       border=0>
  117.         <SCRIPT language=JavaScript>
  118.   for(i = 255; i >= 0; i -= 8.5)
  119.      document.write('<TR BGCOLOR=#' + ToHex(i) + ToHex(i) + ToHex(i) + '><TD TITLE=' + Math.floor(i * 16 / 17) + ' height=4 width=20></TD></TR>');
  120. </SCRIPT>
  121.         <TBODY></TBODY></TABLE></TD></TR></TBODY></TABLE></CENTER></DIV>
  122. <DIV align=center>
  123. <CENTER>
  124. <TABLE cellSpacing=10 cellPadding=0 width="100%" border=0>
  125.   <TBODY>
  126.   <TR>
  127.     <TD align=middle width=70 rowSpan=2>
  128.       <TABLE id=ShowColor height=40 cellSpacing=0 cellPadding=0 width=50 
  129.       bgColor=#000000 border=1>
  130.         <TBODY>
  131.         <TR>
  132.           <TD></TD></TR></TBODY></TABLE></TD>
  133.     <TD rowSpan=2><lt:Label res="res.label.editor_full.selcolor" key="base"/> <SPAN id=RGB>#000000</SPAN><BR><lt:Label res="res.label.editor_full.selcolor" key="light"/><SPAN 
  134.       id=GRAY>120</SPAN><BR><lt:Label res="res.label.editor_full.selcolor" key="code"/> <INPUT id=SelColor size=7 value=#000000></TD>
  135.     <TD width=50><BUTTON id=Ok type=submit><lt:Label res="res.common" key="ok"/></BUTTON></TD></TR>
  136.   <TR>
  137.     <TD width=50><BUTTON onclick=window.close();><lt:Label res="res.common" key="cancel"/></BUTTON></TD></TR></TBODY></TABLE></CENTER></DIV></BODY></HTML>