<script language="javascript">
function getRGB()
{
try
{
document.body.style.color = mytext.value;
var rgb=(0x1000000+document.body.createTextRange().queryCommandValue("ForeColor")).toString(16);
var bgColor="#" + rgb.slice(-2) + rgb.slice(-4,-2) + rgb.slice(-6,-4);
alert("Color:"+bgColor);
document.body.runtimeStyle.color="";
}
catch(e)
{
alert(e.description);
}
}
</script>
enter a color<input type="text" id="mytext" style="color:red;" value="buttonface"><input type="button" value="get rgb" onclick="getRGB()"><BR>
function getRGB()
{
try
{
document.body.style.color = mytext.value;
var rgb=(0x1000000+document.body.createTextRange().queryCommandValue("ForeColor")).toString(16);
var bgColor="#" + rgb.slice(-2) + rgb.slice(-4,-2) + rgb.slice(-6,-4);
alert("Color:"+bgColor);
document.body.runtimeStyle.color="";
}
catch(e)
{
alert(e.description);
}
}
</script>
enter a color<input type="text" id="mytext" style="color:red;" value="buttonface"><input type="button" value="get rgb" onclick="getRGB()"><BR>
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
txt.value=sColor;
}
</SCRIPT>
<OBJECT id=dlgHelper CLASSID="clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b" width="0px" height="0px"></OBJECT>
<input id=txt>
<BUTTON ID="ofntColor" TITLE="选择颜色" onclick="callColorDlg()">windows 系统颜色色板</BUTTON>
http://www.mattkruse.com/javascript/colorpicker/上面有说明啊,再说看一下源码也可以
阿信那个也好像说控件被禁用之类的
第一个文件:
color.htm
<HTML>
<HEAD>
<TITLE>JavaScript Toolbox - Color Picker Swatch Popup</TITLE>
<SCRIPT LANGUAGE="Javascript" SRC="ColorPicker2.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
var cp = new ColorPicker('window'); // Popup window
var cp2 = new ColorPicker(); // DIV style
</SCRIPT>
</HEAD>
<BODY BGCOLOR=#FFFFFF LINK="#00615F" VLINK="#00615F" ALINK="#00615F">
<BR>
<BR>
<FORM>
<BR>
<TABLE BORDER="1">
<TR>
<TD> Color:
<INPUT TYPE="text" NAME="color2" SIZE="20" VALUE=""> <A HREF="#" onClick="cp2.select(document.forms[0].color2,'pick2');return false;" NAME="pick2" ID="pick2">Pick</A>
</TD>
</TR>
</TABLE>
</FORM><SCRIPT LANGUAGE="JavaScript">cp.writeDiv()</SCRIPT>
</BODY>
</HTML>
=======================================================================