BVB Source Codes

Jie Yang v0.6.3 article system Show selcolor.htm Source code

Return Download Jie Yang v0.6.3 article system: download selcolor.htm Source code - Download Jie Yang v0.6.3 article system Source code - Type:.htm
  1. <HTML>
  2. <HEAD>
  3. <META content="text/html; charset=gb2312" http-equiv=Content-Type>
  4.  
  5. <STYLE type=text/css>
  6. TD {FONT-SIZE: 10.8pt}
  7. BODY {FONT-SIZE: 10.8pt}
  8. BUTTON {WIDTH: 5em}
  9. </STYLE>
  10.  
  11. <SCRIPT LANGUAGE=JAVASCRIPT SRC="dialog.js"></script><SCRIPT language=JavaScript>
  12.  
  13.  
  14. var sAction = URLParams['action'] ;
  15. var sTitle = "";
  16. var color = "" ;
  17. var oSelection;
  18. var oControl;
  19. var sRangeType;
  20.  
  21. switch (sAction) {
  22.         case "forecolor":       // 字体前景色
  23.                 sTitle = "字体前景色";
  24.                 oSelection = dialogArguments.eWebEditor.document.selection.createRange();
  25.                 color = oSelection.queryCommandValue("ForeColor");
  26.                 if (color) color = N2Color(color);
  27.                 break;
  28.         case "backcolor":       // 字体背景色
  29.                 sTitle = "字体背景色";
  30.                 oSelection = dialogArguments.eWebEditor.document.selection.createRange();
  31.                 color = oSelection.queryCommandValue("BackColor");
  32.                 if (color) color = N2Color(color);
  33.                 break;
  34.         case "bgcolor":         // 对象背景色
  35.                 sTitle = "对象背景色";
  36.                 oSelection = dialogArguments.eWebEditor.document.selection.createRange();
  37.                 sRangeType = dialogArguments.eWebEditor.document.selection.type;
  38.                 if (sRangeType == "Control") {
  39.                         oControl = GetControl(oSelection, "TABLE");
  40.                 }else{
  41.                         oControl = GetParent(oSelection.parentElement());
  42.                 }
  43.                 if (oControl) {
  44.                         switch(oControl.tagName){
  45.                         case "TD":
  46.                                 sTitle += " - 单元格";
  47.                                 break;
  48.                         case "TR":
  49.                         case "TH":
  50.                                 sTitle += " - 表格行";
  51.                                 break;
  52.                         default:
  53.                                 sTitle += " - 表格";
  54.                                 break;
  55.                         }
  56.                         color = oControl.bgColor;
  57.                 }else{
  58.                         sTitle += " - 网页";
  59.                 }
  60.                 break;
  61.         default:                        // 其它颜色框
  62.                 if (URLParams['color']){
  63.                         color = decodeURIComponent(URLParams['color']) ;
  64.                 }
  65.                 break;
  66. }
  67.  
  68. document.write("<TITLE>颜色选择(" + sTitle + ")</TITLE>");
  69.  
  70. // 默认显示值
  71. if (!color) color = "#000000";
  72.  
  73. // 返回有背景颜色属性的对象
  74. function GetParent(obj){
  75.         while(obj!=null && obj.tagName!="TD" && obj.tagName!="TR" && obj.tagName!="TH" && obj.tagName!="TABLE")
  76.                 obj=obj.parentElement;
  77.         return obj;
  78. }
  79.  
  80. // 返回标签名的选定控件
  81. function GetControl(obj, sTag){
  82.         obj=obj.item(0);
  83.         if (obj.tagName==sTag){
  84.                 return obj;
  85.         }
  86.         return null;
  87. }
  88.  
  89. // 数值转为RGB16进制颜色格式
  90. function N2Color(s_Color){
  91.         s_Color = s_Color.toString(16);
  92.         switch (s_Color.length) {
  93.         case 1:
  94.                 s_Color = "0" + s_Color + "0000";
  95.                 break;
  96.         case 2:
  97.                 s_Color = s_Color + "0000";
  98.                 break;
  99.         case 3:
  100.                 s_Color = s_Color.substring(1,3) + "0" + s_Color.substring(0,1) + "00" ;
  101.                 break;
  102.         case 4:
  103.                 s_Color = s_Color.substring(2,4) + s_Color.substring(0,2) + "00" ;
  104.                 break;
  105.         case 5:
  106.                 s_Color = s_Color.substring(3,5) + s_Color.substring(1,3) + "0" + s_Color.substring(0,1) ;
  107.                 break;
  108.         case 6:
  109.                 s_Color = s_Color.substring(4,6) + s_Color.substring(2,4) + s_Color.substring(0,2) ;
  110.                 break;
  111.         default:
  112.                 s_Color = "";
  113.         }
  114.         return '#' + s_Color;
  115. }
  116.  
  117. // 初始值
  118. function InitDocument(){
  119.         ShowColor.bgColor = color;
  120.         RGB.innerHTML = color;
  121.         SelColor.value = color;
  122. }
  123.  
  124.  
  125. var SelRGB = color;
  126. var DrRGB = '';
  127. var SelGRAY = '120';
  128.  
  129. var hexch = new Array('0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F');
  130.  
  131. function ToHex(n) {    
  132.         var h, l;
  133.  
  134.         n = Math.round(n);
  135.         l = n % 16;
  136.         h = Math.floor((n / 16)) % 16;
  137.         return (hexch[h] + hexch[l]);
  138. }
  139.  
  140. function DoColor(c, l){
  141.         var r, g, b;
  142.  
  143.         r = '0x' + c.substring(1, 3);
  144.         g = '0x' + c.substring(3, 5);
  145.         b = '0x' + c.substring(5, 7);
  146.  
  147.         if(l > 120){
  148.                 l = l - 120;
  149.  
  150.                 r = (r * (120 - l) + 255 * l) / 120;
  151.                 g = (g * (120 - l) + 255 * l) / 120;
  152.                 b = (b * (120 - l) + 255 * l) / 120;
  153.         }else{
  154.                 r = (r * l) / 120;
  155.                 g = (g * l) / 120;
  156.                 b = (b * l) / 120;
  157.         }
  158.  
  159.         return '#' + ToHex(r) + ToHex(g) + ToHex(b);
  160. }
  161.  
  162. function EndColor(){
  163.         var i;
  164.  
  165.         if(DrRGB != SelRGB){
  166.                 DrRGB = SelRGB;
  167.                 for(i = 0; i <= 30; i ++)
  168.                 GrayTable.rows(i).bgColor = DoColor(SelRGB, 240 - i * 8);
  169.         }
  170.  
  171.         SelColor.value = DoColor(RGB.innerText, GRAY.innerText);
  172.         ShowColor.bgColor = SelColor.value;
  173. }
  174. </script><SCRIPT event=onclick for=ColorTable language=JavaScript>
  175.         SelRGB = event.srcElement.bgColor;
  176.         EndColor();
  177. </script><SCRIPT event=onmouseover for=ColorTable language=JavaScript>
  178.         RGB.innerText = event.srcElement.bgColor;
  179.         EndColor();
  180. </script><SCRIPT event=onmouseout for=ColorTable language=JavaScript>
  181.         RGB.innerText = SelRGB;
  182.         EndColor();
  183. </script><SCRIPT event=onclick for=GrayTable language=JavaScript>
  184.         SelGRAY = event.srcElement.title;
  185.         EndColor();
  186. </script><SCRIPT event=onmouseover for=GrayTable language=JavaScript>
  187.         GRAY.innerText = event.srcElement.title;
  188.         EndColor();
  189. </script><SCRIPT event=onmouseout for=GrayTable language=JavaScript>
  190.         GRAY.innerText = SelGRAY;
  191.         EndColor();
  192. </script><SCRIPT event=onclick for=Ok language=JavaScript>
  193.         color = SelColor.value;
  194.         if (!IsColor(color)){
  195.                 alert('无效的颜色值!');
  196.                 return;
  197.         }
  198.  
  199.         switch (sAction) {
  200.                 case "forecolor":
  201.                         dialogArguments.format('ForeColor', color) ;
  202.                         window.returnValue = null;
  203.                         break;
  204.                 case "backcolor":
  205.                         dialogArguments.format('BackColor', color) ;
  206.                         window.returnValue = null;
  207.                         break;
  208.                 case "bgcolor":
  209.                         if (oControl){
  210.                                 oControl.bgColor = color;
  211.                         }else{
  212.                                 dialogArguments.setHTML("<table border=0 cellpadding=0 cellspacing=0 width='100%' height='100%'><tr><td valign=top bgcolor='"+color+"'>"+dialogArguments.getHTML()+"</td></tr></table>");
  213.                         }
  214.                         window.returnValue = null;
  215.                         break;
  216.                 default:
  217.                         window.returnValue = color;
  218.                         break;
  219.         }
  220.         window.close();
  221. </script></HEAD>
  222.  
  223. <BODY bgColor=menu onload="InitDocument()">
  224. <DIV align=center>
  225. <CENTER>
  226. <TABLE border=0 cellPadding=0 cellSpacing=10>
  227. <TBODY>
  228. <TR>
  229. <TD>
  230. <TABLE border=0 cellPadding=0 cellSpacing=0 id=ColorTable style="CURSOR: hand">
  231. <SCRIPT language=JavaScript>
  232. function wc(r, g, b, n){
  233.         r = ((r * 16 + r) * 3 * (15 - n) + 0x80 * n) / 15;
  234.         g = ((g * 16 + g) * 3 * (15 - n) + 0x80 * n) / 15;
  235.         b = ((b * 16 + b) * 3 * (15 - n) + 0x80 * n) / 15;
  236.  
  237.         document.write('<TD BGCOLOR=#' + ToHex(r) + ToHex(g) + ToHex(b) + ' height=8 width=8></TD>');
  238. }
  239.  
  240. 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);
  241.  
  242. for(i = 0; i < 16; i ++){
  243.         document.write('<TR>');
  244.         for(j = 0; j < 30; j ++){
  245.                 n1 = j % 5;
  246.                 n2 = Math.floor(j / 5) * 3;
  247.                 n3 = n2 + 3;
  248.  
  249.                 wc((cnum[n3] * n1 + cnum[n2] * (5 - n1)),
  250.                 (cnum[n3 + 1] * n1 + cnum[n2 + 1] * (5 - n1)),
  251.                 (cnum[n3 + 2] * n1 + cnum[n2 + 2] * (5 - n1)), i);
  252.         }
  253.  
  254.         document.writeln('</TR>');
  255. }
  256. </script><TBODY></TBODY></TABLE></TD>
  257. <TD>
  258. <TABLE border=0 cellPadding=0 cellSpacing=0 id=GrayTable style="CURSOR: hand">
  259. <SCRIPT language=JavaScript>
  260. for(i = 255; i >= 0; i -= 8.5)
  261. document.write('<TR BGCOLOR=#' + ToHex(i) + ToHex(i) + ToHex(i) + '><TD TITLE=' + Math.floor(i * 16 / 17) + ' height=4 width=20></TD></TR>');
  262. </script><TBODY></TBODY></TABLE></TD></TR></TBODY></TABLE></CENTER></DIV>
  263. <DIV align=center>
  264. <CENTER>
  265. <TABLE border=0 cellPadding=0 cellSpacing=10>
  266. <TBODY>
  267. <TR>
  268. <TD align=middle rowSpan=2>选中色彩
  269. <TABLE border=1 cellPadding=0 cellSpacing=0 height=30 id=ShowColor width=40 bgcolor="">
  270. <TBODY>
  271. <TR>
  272. <TD></TD></TR></TBODY></TABLE></TD>
  273. <TD rowSpan=2>基色: <SPAN id=RGB></SPAN><BR>亮度: <SPAN
  274. id=GRAY>120</SPAN><BR>代码: <INPUT id=SelColor size=7 value=""></TD>
  275. <TD><BUTTON id=Ok type=submit>确定</BUTTON></TD></TR>
  276. <TR>
  277. <TD><BUTTON onclick=window.close();>取消</BUTTON></TD></TR></TBODY></TABLE></CENTER></DIV>
  278.  
  279. </BODY></HTML>
  280.  
  281.  
downloadselcolor.htm Source code - Download Jie Yang v0.6.3 article system Source code
Related Source Codes/Software:
Jilin classification information release system v5.0 trial version - A ready-made classifieds site publishing system, h... 2016-09-21
Linyi CMS v6.5 market classification information - A. supply and demand information function: informa... 2016-09-21
Tesco discount net SQL version - And presentations, faster. 2016-09-21
- electronic enterprise website management system In a fully functional version - Super suitable for enterprise agents build a corpo... 2016-09-21
Rio mesh network hard disk system v3.0 - System functions: 1, increase the progress of Asp... 2016-09-21
Classified information network business in suzhou - Overall module: classification of supply and deman... 2016-09-21
NPOINT virtual host v1.7.0 formal version management system - The system main function is introduced 2016-09-21
IDC sales web site - Beautiful IDC sales web site source code 2016-09-21
Oo 126 CMS movie site system - This procedure ASP + ACC/ASP + SQL, using new kern... 2016-09-21
Pcook CMS bubble guest v3.0 SDCMS version - Developed by Asp+Access, and meet the needs of sma... 2016-09-21
CRYENGINE - CRYENGINE is a powerful real-time game development... 2017-06-11
postal - 2017-06-11
reactide - Reactide is the first dedicated IDE for React web ... 2017-06-11
rkt - rkt is a pod-native container engine for Linux. It... 2017-06-11
uWebSockets - Tiny WebSockets https://for... 2017-06-11
realworld - TodoMVC for the RealWorld - Exemplary fullstack Me... 2017-06-11
goreplay - GoReplay is an open-source tool for capturing and ... 2017-06-10
pyenv - Simple Python version management 2017-06-10
redux-saga - An alternative side effect model for Redux apps ... 2017-06-10
angular-starter - 2017-06-10

 Back to top