template_colorpicker.js
上传用户:wenllgg125
上传日期:2020-04-09
资源大小:7277k
文件大小:4k
源码类别:

SCSI/ASPI

开发平台:

Others

  1. var color = "" ;
  2. var SelRGB = color;
  3. var DrRGB = '';
  4. var SelGRAY = '120';
  5. var hexch = new Array('0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F');
  6. function ToHex(n) {
  7. var h, l;
  8. n = Math.round(n);
  9. l = n % 16;
  10. h = Math.floor((n / 16)) % 16;
  11. return (hexch[h] + hexch[l]);
  12. }
  13. function DoColor(c, l){
  14. var r=1, g=2, b=3;
  15.      
  16.   r = '0x' + c.substring(1, 3);
  17. g = '0x' + c.substring(3, 5);
  18. b = '0x' + c.substring(5, 7);
  19. if(l > 120)
  20. {
  21. l = l - 120;
  22. r = (r * (120 - l) + 255 * l) / 120;
  23. g = (g * (120 - l) + 255 * l) / 120;
  24. b = (b * (120 - l) + 255 * l) / 120;
  25. }
  26. else
  27. {
  28. r = (r * l) / 120;
  29. g = (g * l) / 120;
  30. b = (b * l) / 120;
  31. }
  32.     var aaa='#' + ToHex(r) + ToHex(g) + ToHex(b);
  33.     if(aaa=='#NaNNaNNaN')
  34.     {
  35. return '#FFFFFF';
  36.     }
  37.     else
  38.     {
  39.         return '#' + ToHex(r) + ToHex(g) + ToHex(b);
  40.     }
  41. }
  42. function EndColor(){
  43. var i;
  44. if(DrRGB != SelRGB){
  45. DrRGB = SelRGB;
  46. for(i = 0; i <= 30; i ++)
  47. {
  48.    $("GrayTable").rows[i].bgColor = DoColor(SelRGB, 240 - i * 8);
  49. }
  50. }
  51. $('SelColor').value = DoColor($('RGB').innerHTML, $('GRAY').innerHTML);
  52. $('ShowColor').bgColor = $('SelColor').value;
  53. //$('highlight_color').value = $('SelColor').value;
  54. }
  55. function ColorTableMouseDown(e)
  56. {
  57. if ($('highlight_colorselect'))
  58. {
  59. $('highlight_colorselect').selectedIndex=0;
  60. $('highlight_colorselect').style.background='#FFFFFF';
  61. }
  62.    // $('s_bgcolor').style.background=e.title;
  63. SelRGB = e.title;
  64. EndColor();
  65. }
  66. function ColorTableMouseOver(e)
  67. {
  68.   $('RGB').innerHTML = e.title;
  69. EndColor();
  70. }
  71. function ColorTableMouseOut(e)
  72. {
  73. $('RGB').innerHTML = SelRGB;
  74. EndColor();
  75. }
  76. function GrayTableMouseDown(e)
  77. {
  78. if ($('highlight_colorselect'))
  79. {
  80. $('highlight_colorselect').selectedIndex=0;
  81. $('highlight_colorselect').style.background='#FFFFFF';
  82. }
  83. //$('s_bgcolor').style.background=$('SelColor').value;
  84. SelGRAY = e.title;
  85. EndColor();
  86. }
  87. function GrayTableMouseOver(e)
  88. {
  89. $('GRAY').innerHTML = e.title;
  90. EndColor();
  91. }
  92. function GrayTableMouseOut(e)
  93. {
  94. $('GRAY').innerHTML = SelGRAY;
  95. EndColor();
  96. }
  97. function ColorPickerOK(objid, buttonid)
  98. {
  99.     var selectcolor=$('SelColor').value;
  100. objid = objid ? objid : 'highlight_color';
  101. buttonid = buttonid ? buttonid : 's_bgcolor';
  102.     $(objid).value=selectcolor;
  103.     obj=$(objid);
  104.     $(buttonid).style.background=selectcolor;
  105. obj.focus();
  106. obj.select();
  107. HideColorPanel();
  108. }
  109. function HideColorPanel()
  110. {  
  111.     $('ColorPicker').style.display = 'none';
  112. }
  113. function ShowColorPanel(obj, color_textbox_id)
  114.     var p = getposition($(color_textbox_id ? color_textbox_id : 'highlight_color'));
  115. $('ColorPicker').style.display = 'block';
  116. $('ColorPicker').style.left = p['x']+'px';
  117. $('ColorPicker').style.top = (p['y'] + 20)+'px';
  118. }
  119. function IsShowColorPanel(obj, color_textbox_id)
  120. {
  121. if($('ColorPicker').style.display == 'none')
  122. {
  123. var p = getposition($(color_textbox_id ? color_textbox_id : 'highlight_color'));
  124. $('ColorPicker').style.display = 'block';
  125. $('ColorPicker').style.left = p['x']+'px';
  126. $('ColorPicker').style.top = (p['y'] + 20)+'px';
  127. }
  128. else
  129. {
  130. $('ColorPicker').style.display = 'none';
  131. }
  132. }
  133. function getposition(obj) {
  134. if (typeof obj != "object")
  135. {
  136. obj = $(obj);
  137. }
  138. var r = new Array();
  139. r['x'] = obj.offsetLeft;
  140. r['y'] = obj.offsetTop;
  141. while(obj = obj.offsetParent) {
  142. r['x'] += obj.offsetLeft;
  143. r['y'] += obj.offsetTop;
  144. }
  145. return r;
  146. }
  147. function selectoptioncolor(obj)
  148. {
  149.       $('highlight_color').value=obj.value;
  150.       $('s_bgcolor').style.background=obj.value;
  151.       if($('highlight_colorselect'))
  152.       {
  153.           $('highlight_colorselect').style.background=obj.value;
  154.       }
  155.       $('highlight_color').focus();
  156. }
  157.