像word里面的颜色选择器一样可以到颜色的啊

解决方案 »

  1.   

    <SCRIPT>
    var sInitColor = null;
    function callColorDlg(){if (sInitColor == null) 
    var sColor = dlgHelper.ChooseColorDlg();
    else
    var sColor = dlgHelper.ChooseColorDlg(sInitColor);
    sColor = sColor.toString(16);
    if (sColor.length < 6) {
    var sTempString = "000000".substring(0,6-sColor.length);
    sColor = sTempString.concat(sColor);
    }
    sColor="#"+sColor;
    alert(sColor)
    }
    </SCRIPT></HEAD><BODY>
    <BUTTON ID="ofntColor" TITLE="Choose Font Color" 
    onclick="callColorDlg()">Choose Font color</BUTTON>
    <OBJECT id=dlgHelper CLASSID="clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b" width="0px" height="0px"></OBJECT>
      

  2.   


    这个都是js的东西,不干php的事
      

  3.   

    <HTML> 
    <HEAD> 
    <TITLE>Color Pick</TITLE> 
    <META content="text/html; charset=gb2312" http-equiv=Content-Type> 
    <style type="text/css">
    table, tr, td{
    font-size: 12px ;color: #000000;
    font-family: "Verdana", "Arial", "Helvetica", "sans-serif"
    }
    .style_button {
    font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
    font-size: 12px;letter-spacing: 1pt;
    background-image: url(images/but_bg.gif);
    line-height:10px; padding-top: 4px;
    border: 1px #CCCCCC solid;
    padding-left: 1px;
    }
    .style_input {
    font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
    font-size: 12px; color: #003399; background-color: #FFFFFC;
    border: 1px #CCCCCC solid;filter:alpha(opacity=75)
    }
    </style>
    <SCRIPT language=JavaScript> 
    var SelRGB = ''; 
    var DrRGB = ''; 
    var SelGRAY = '120'; 
     
    var hexch = new Array('0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F'); 
     
    function ToHex(n) 
    { var h, l; 
     
    n = Math.round(n); 
    l = n % 16; 
    h = Math.floor((n / 16)) % 16; 
    return (hexch[h] + hexch[l]); 

     
    function DoColor(c, l) 
    { var r, g, b; 
     
      r = '0x' + c.substring(1, 3); 
      g = '0x' + c.substring(3, 5); 
      b = '0x' + c.substring(5, 7); 
     
      if(l > 120) 
      { 
        l = l - 120; 
     
        r = (r * (120 - l) + 255 * l) / 120; 
        g = (g * (120 - l) + 255 * l) / 120; 
        b = (b * (120 - l) + 255 * l) / 120; 
      }else 
      { 
        r = (r * l) / 120; 
        g = (g * l) / 120; 
        b = (b * l) / 120; 
      } 
     
      return '#' + ToHex(r) + ToHex(g) + ToHex(b); 

     
    function EndColor() 
    { var i; 
     
      if(DrRGB != SelRGB) 
      { 
        DrRGB = SelRGB; 
        for(i = 0; i <= 30; i ++) 
          GrayTable.rows(i).bgColor = DoColor(SelRGB, 240 - i * 8); 
      } 
     
      SelColor.value = DoColor(RGB.innerText, GRAY.innerText); 
      ShowColor.bgColor = SelColor.value; 

    </SCRIPT> 
     
    <SCRIPT event=onclick for=ColorTable language=JavaScript> 
      SelRGB = event.srcElement.bgColor; 
      EndColor(); 
    </SCRIPT> 
     
    <SCRIPT event=onmouseover for=ColorTable language=JavaScript> 
      RGB.innerText = event.srcElement.bgColor; 
      EndColor(); 
    </SCRIPT> 
     
    <SCRIPT event=onmouseout for=ColorTable language=JavaScript> 
      RGB.innerText = SelRGB; 
      EndColor(); 
    </SCRIPT> 
     
    <SCRIPT event=onclick for=GrayTable language=JavaScript> 
      SelGRAY = event.srcElement.title; 
      EndColor(); 
    </SCRIPT> 
     
    <SCRIPT event=onmouseover for=GrayTable language=JavaScript> 
      GRAY.innerText = event.srcElement.title; 
      EndColor(); 
    </SCRIPT> 
     
    <SCRIPT event=onmouseout for=GrayTable language=JavaScript> 
      GRAY.innerText = SelGRAY; 
      EndColor(); 
    </SCRIPT> 
     
    <SCRIPT event=onclick for=Ok language=JavaScript> 
      window.returnValue = SelColor.value; 
      window.close(); 
    </SCRIPT> 
    </HEAD> 
    <BODY bgColor=menu> 
    <DIV align=center> 
    <CENTER> 
    <TABLE border=0 cellPadding=0 cellSpacing=10> 
      <TBODY> 
      <TR> 
        <TD> 
          <TABLE border=0 cellPadding=0 cellSpacing=0 id=ColorTable 
          style="CURSOR: hand"> 
            <SCRIPT language=JavaScript> 
    function wc(r, g, b, n) 

    r = ((r * 16 + r) * 3 * (15 - n) + 0x80 * n) / 15; 
    g = ((g * 16 + g) * 3 * (15 - n) + 0x80 * n) / 15; 
    b = ((b * 16 + b) * 3 * (15 - n) + 0x80 * n) / 15; 
     
    document.write('<TD BGCOLOR=#' + ToHex(r) + ToHex(g) + ToHex(b) + ' height=8 width=8></TD>'); 

     
    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); 
     
      for(i = 0; i < 16; i ++) 
      { 
         document.write('<TR>'); 
         for(j = 0; j < 30; j ++) 
         { 
          n1 = j % 5; 
          n2 = Math.floor(j / 5) * 3; 
          n3 = n2 + 3; 
     
          wc((cnum[n3] * n1 + cnum[n2] * (5 - n1)), 
          (cnum[n3 + 1] * n1 + cnum[n2 + 1] * (5 - n1)), 
          (cnum[n3 + 2] * n1 + cnum[n2 + 2] * (5 - n1)), i); 
         } 
     
         document.writeln('</TR>'); 
      } function JM_cc(ob){
      var obj=MM_findObj(ob);
      if (obj) { 
        obj.select();js=obj.createTextRange();js.execCommand("Copy");
      }
    }function MM_findObj(n, d) { 
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && document.getElementById) x=document.getElementById(n); return x;
    }
    </script></TABLE></TD> 
        <TD> 
          <TABLE border=0 cellPadding=0 cellSpacing=0 id=GrayTable 
          style="CURSOR: hand"> 
            <SCRIPT language=JavaScript> 
      for(i = 255; i >= 0; i -= 8.5) 
         document.write('<TR BGCOLOR=#' + ToHex(i) + ToHex(i) + ToHex(i) + '><TD TITLE=' + Math.floor(i * 16 / 17) + ' height=4 width=20></TD></TR>'); 
    </SCRIPT> 
     </TABLE></TD></TR></TBODY></TABLE>
        <table border="0" cellspacing="0" cellpadding="0">
          <tr> 
            <td width="61" align="center">选中色彩 
              <table border=1 cellpadding=0 cellspacing=0 height=30 id=ShowColor 
          width=40>
                <tbody> 
                <tr> 
                  <td></td>
                </tr>
                </tbody>
              </table>
            </td>
            <td width="119">基色: <span id=RGB></span><br>
              亮度: <span 
          id=GRAY>120</span><br>
              代码: 
              <input id=SelColor size=8 class=style_input name="Input">
            </td>
            <td align="center"> 
              <input  type=reset class=style_button style="width: 70px" value="RESET" name="reset">
              <!--<input type="button" id=copy class=style_button onClick=JM_cc('SelColor') style="width: 70px" value="COPY" name="copy">-->
              <input type="button" id=close class=style_button onClick="Javascript:self.close()" style="width: 70px" value="CLOSE" name="close">
            </td>
          </tr>
        </table>
      </CENTER> 
    </DIV> 
    </BODY> 
    </HTML>
      

  4.   

    不错,把得到的值POST给PHP就关PHP的事了.
      

  5.   

    to  uhopenet(冰火)
    为什么把你的代码放到form里
    就会出现dlgHelper未定义的错误呢?
    请教