哪位可以提供个IE、FF通用的颜色选择器,不胜感激200分 原来我有一个的 再家里的电脑里不过网上也有一个 你可以参考一下http://demo.rexsong.com/200601/qrone_css_designer/自己扣代码就可以了 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 http://javascript.weblogsinc.com/2006/07/16/smooth-color-picker-using-javascript/网上很多search demohttp://ecritters.biz/colorselector/ 把下面的代码COPY到body种就可以了!<TABLE cellSpacing=1 cellPadding=3 width=350 align=center bgColor=#dddddd border=0> <TBODY> <TR bgColor=#ffffff> <TD align=middle width="10%"><SELECT onchange=selectchg(this.value) name=select1> <OPTION value=1 selected>红</OPTION> <OPTION value=2>绿</OPTION> <OPTION value=3>蓝</OPTION> <OPTION value=4>灰</OPTION></SELECT> </TD> <TD align=middle width="90%"> <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TBODY> <TR> <TD align=right><INPUT class=memo size=10 name=text1> <INPUT class=button onclick=choosecolor() type=button value=">>" name=Button2> </TD> <TD align=right width="3%"> </TD> <TD width="30%"> <TABLE class=cursorcross height=20 cellSpacing=1 cellPadding=0 width=40 border=0> <TBODY> <TR> <TD id=customcolor onmouseover=showcolor(this) bgColor=#ffffff> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR> <TR bgColor=#ffffff> <TD align=middle width="10%"> <TABLE class=cursorhand id=tableleft cellSpacing=1 cellPadding=0 border=0><SCRIPT language=VBScript>function hexit(which)hexit=hex(which)end function</SCRIPT> <SCRIPT language=JavaScript>for(i=0;i<=15;++i){document.write('<tr><td align="center">'+ hexit(0+i*17) +'</td><td id="tdleft' + i +'" bgcolor="rgb('+ (0+i*17) + ',0,0)" width="15" height="15" onclick="changeright(this.num)" onmouseover="showcolor(this)"></td></tr>') document.all['tdleft' + i].num=i}</SCRIPT> <TBODY></TBODY></TABLE></TD> <TD align=middle width="90%"> <TABLE class=cursorcross id=tableleft cellSpacing=1 cellPadding=0 border=0> <SCRIPT language=JavaScript>document.write('<tr><td></td>')for(i=0;i<=15;++i){document.write('<td align="center">'+ hexit(0+i*17) +'</td>')}document.write('</tr>')for(i=0;i<=15;++i){document.write('<tr>') document.write('<td align="center">'+ hexit(0+i*17) +'</td>') for(j=0;j<=15;++j) {document.write('<td id="tdrightr' + i + 'c' + j +'" bgcolor="rgb(0,'+ (0+i*17) + ',' + (0+j*17) + ')" width="15" height="15" onmouseover="showcolor(this)" onclick="clickright(this)"></td>')} document.write('</tr>')}</SCRIPT> <TBODY></TBODY></TABLE></TD></TR> <TR bgColor=#ffffff> <TD colSpan=2 height=20>·可选16*16*16种颜色。<BR>·单击左边的颜色会得到更多的颜色。<BR>·单击右边的颜色会固定选取的颜色。 <BR>·输入框可以自定义颜色。</TD></TR></TBODY></TABLE><SCRIPT language=JavaScript>function selectchg(which){switch(which) {case '1' :leftR();break; case '2' :leftG();break; case '3' :leftB();break; case '4' :leftA();break; }}function leftR(){for(i=0;i<=15;++i) {document.all['tdleft'+i].bgColor='rgb('+ (0+i*17) + ',0,0)'} rightR(0)}function leftG(){for(i=0;i<=15;++i) {document.all['tdleft'+i].bgColor='rgb(0,'+ (0+i*17) + ',0)'} rightG(0)}function leftB(){for(i=0;i<=15;++i) {document.all['tdleft'+i].bgColor='rgb(0,0,'+ (0+i*17) + ')'} rightB(0)}function leftA(){for(i=0;i<=15;++i) {document.all['tdleft'+i].bgColor='rgb('+ (0+i*17) + ','+ (0+i*17) + ','+ (0+i*17) + ')'} rightA()}function rightR(which){for(i=0;i<=15;++i) {for(j=0;j<=15;++j) {document.all['tdrightr' + i + 'c' + j].bgColor='rgb(' + (0+which*17) + ',' + (0+i*17) + ','+ (0+j*17) + ')'} }}function rightG(which){for(i=0;i<=15;++i) {for(j=0;j<=15;++j) {document.all['tdrightr' + i + 'c' + j].bgColor='rgb(' + (0+i*17) + ',' + (0+which*17) + ',' + (0+j*17) + ')'} }}function rightB(which){for(i=0;i<=15;++i) {for(j=0;j<=15;++j) {document.all['tdrightr' + i + 'c' + j].bgColor='rgb(' + (0+i*17) + ','+ (0+j*17)+ ',' + (0+which*17) + ')'} }}function rightA(){for(i=0;i<=15;++i) {for(j=0;j<=15;++j) {document.all['tdrightr' + i + 'c' + j].bgColor='rgb(' + (0+i*16+j) + ','+ (0+i*16+j)+ ',' + (0+i*16+j) + ')'} }}var rightclicked=falsefunction clickright(which){if(rightclicked){rightclicked=false;showcolor(which)}else{rightclicked=true}}function changeright(which){switch(select1.value) {case '1' :rightR(which);break; case '2' :rightG(which);break; case '3' :rightB(which);break; }}function showcolor(which){if(rightclicked)return; text1.value=which.bgColor choosecolor()}function choosecolor(){customcolor.bgColor=text1.value}</SCRIPT> 你用 PSPAD 文本编辑器, 那里边有很多强大的东西, 也包括颜色拾取. 我用过EP,UP,DW 文本编辑都没这个强. http://javascript.weblogsinc.com/2006/07/16/smooth-color-picker-using-javascript/ 这个我有,但是代码太长了,有七百多行,刚才试了试,发不出来。如果哪位想要,就给我发消息吧,记得留下E-MAIL。 自行组织其他颜色的值:<div id='container' style="height:30;border:1px solid #000000;width:50px;"></div><input id="colorv" type="text" value=''><TABLE id="colorboard" border='1' width='350' cellpadding='0' cellspacing='0'><TR> <TD bgcolor='#FFFF00' onclick="getColor(this);" onclick="getColor(this);"> </TD> <TD bgcolor='#FF6600' onclick="getColor(this);"> </TD> <TD bgcolor='#FF3300' onclick="getColor(this);"> </TD> <TD bgcolor='#663300' onclick="getColor(this);"> </TD> <TD bgcolor='#669900' onclick="getColor(this);"> </TD> <TD bgcolor='#66CC00' onclick="getColor(this);"> </TD> <TD bgcolor='#33FF00' onclick="getColor(this);"> </TD> <TD bgcolor='#339900' onclick="getColor(this);"> </TD> <TD bgcolor='#330000' onclick="getColor(this);"> </TD> <TD bgcolor='#FFFFCC' onclick="getColor(this);"> </TD> <TD bgcolor='#FF6699' onclick="getColor(this);"> </TD> <TD bgcolor='#666699' onclick="getColor(this);"> </TD> <TD bgcolor='#336699' onclick="getColor(this);"> </TD></TR><TR> <TD bgcolor='#FFFF00' onclick="getColor(this);"> </TD> <TD bgcolor='#FF6600' onclick="getColor(this);"> </TD> <TD bgcolor='#FF3300' onclick="getColor(this);"> </TD> <TD bgcolor='#FF6699' onclick="getColor(this);"> </TD> <TD bgcolor='#666699' onclick="getColor(this);"> </TD> <TD bgcolor='#336699' onclick="getColor(this);"> </TD> <TD bgcolor='#663300' onclick="getColor(this);"> </TD> <TD bgcolor='#669900' onclick="getColor(this);"> </TD> <TD bgcolor='#66CC00' onclick="getColor(this);"> </TD> <TD bgcolor='#33FF00' onclick="getColor(this);"> </TD> <TD bgcolor='#339900' onclick="getColor(this);"> </TD> <TD bgcolor='#330000' onclick="getColor(this);"> </TD> <TD bgcolor='#FFFFCC' onclick="getColor(this);"> </TD></TR><TR><TD bgcolor='#33FF00' onclick="getColor(this);"> </TD> <TD bgcolor='#339900' onclick="getColor(this);"> </TD> <TD bgcolor='#330000' onclick="getColor(this);"> </TD> <TD bgcolor='#FFFFCC' onclick="getColor(this);"> </TD> <TD bgcolor='#FF6699' onclick="getColor(this);"> </TD> <TD bgcolor='#666699' onclick="getColor(this);"> </TD> <TD bgcolor='#336699' onclick="getColor(this);"> </TD> <TD bgcolor='#FFFF00' onclick="getColor(this);"> </TD> <TD bgcolor='#FF6600' onclick="getColor(this);"> </TD> <TD bgcolor='#FF3300' onclick="getColor(this);"> </TD> <TD bgcolor='#663300' onclick="getColor(this);"> </TD> <TD bgcolor='#669900' onclick="getColor(this);"> </TD> <TD bgcolor='#66CC00' onclick="getColor(this);"> </TD> </TR></TABLE> </BODY></HTML><script type='text/javascript'> function getColor(obj) { var colorBoard = document.getElementById('container'); var colorValue = document.getElementById('colorv'); colorValue.value = obj.getAttribute('bgcolor').toString(); colorBoard.style.background = obj.getAttribute('bgcolor'); }</script> 楼主用这个绝对可以<script language=javascript><!--document.write("<OBJECT id=\"dlgHelper\" CLASSID=\"clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b\" width=\"0px\" height=\"0px\"></OBJECT>");var ocolorPopup = window.createPopup();var ecolorPopup=null;function colordialogmouseout(obj){ obj.style.borderColor=""; obj.bgColor="";}function colordialogmouseover(obj){ obj.style.borderColor="#0A66EE"; obj.bgColor="#EEEEEE";}function colordialogmousedown(color){ ecolorPopup.value=color; //document.body.bgColor=color; ocolorPopup.document.body.blur();}function colordialogmore(){ var sColor=dlgHelper.ChooseColorDlg(ecolorPopup.value); sColor = sColor.toString(16); if (sColor.length < 6) { var sTempString = "000000".substring(0,6-sColor.length); sColor = sTempString.concat(sColor); } ecolorPopup.value="#"+sColor.toUpperCase(); //document.body.bgColor="#"+sColor.toUpperCase(); ocolorPopup.document.body.blur();}function colordialog(controlname){ var e=event.srcElement; e.onkeyup=colordialog; ecolorPopup=e; var ocbody; var oPopBody = ocolorPopup.document.body; var colorlist=new Array(40); oPopBody.style.backgroundColor = "#f9f8f7"; oPopBody.style.border = "solid #999999 1px"; oPopBody.style.fontSize = "12px"; colorlist[0]="#000000"; colorlist[1]="#993300"; colorlist[2]="#333300"; colorlist[3]="#003300"; colorlist[4]="#003366"; colorlist[5]="#000080"; colorlist[6]="#333399"; colorlist[7]="#333333"; colorlist[8]="#800000"; colorlist[9]="#FF6600"; colorlist[10]="#808000";colorlist[11]="#008000"; colorlist[12]="#008080";colorlist[13]="#0000FF";colorlist[14]="#666699";colorlist[15]="#808080"; colorlist[16]="#FF0000";colorlist[17]="#FF9900";colorlist[18]="#99CC00";colorlist[19]="#339966"; colorlist[20]="#33CCCC";colorlist[21]="#3366FF";colorlist[22]="#800080";colorlist[23]="#999999"; colorlist[24]="#FF00FF";colorlist[25]="#FFCC00";colorlist[26]="#FFFF00";colorlist[27]="#00FF00"; colorlist[28]="#00FFFF";colorlist[29]="#00CCFF";colorlist[30]="#993366";colorlist[31]="#CCCCCC"; colorlist[32]="#FF99CC";colorlist[33]="#FFCC99";colorlist[34]="#FFFF99";colorlist[35]="#CCFFCC"; colorlist[36]="#CCFFFF";colorlist[37]="#99CCFF";colorlist[38]="#CC99FF";colorlist[39]="#FFFFFF"; ocbody = ""; ocbody += "<table CELLPADDING=0 CELLSPACING=3>"; ocbody += "<tr height=\"20\" width=\"20\"><td align=\"center\"><table style=\"border:1px solid #808080;\" width=\"12\" height=\"12\" bgcolor=\""+e.value+"\"><tr><td></td></tr></table></td><td bgcolor=\"eeeeee\" colspan=\"7\" style=\"font-size:12px;\" align=\"center\">Currently Color</td></tr>"; for(var i=0;i<colorlist.length;i++){ if(i%8==0) ocbody += "<tr>"; ocbody += "<td width=\"14\" height=\"16\" style=\"border:1px solid;\" onMouseOut=\"parent.colordialogmouseout(this);\" onMouseOver=\"parent.colordialogmouseover(this);\" onMouseDown=\"parent.colordialogmousedown('"+colorlist[i]+"')\" align=\"center\" valign=\"middle\"><table style=\"border:1px solid #808080;\" width=\"12\" height=\"12\" bgcolor=\""+colorlist[i]+"\"><tr><td></td></tr></table></td>"; if(i%8==7) ocbody += "</tr>"; } ocbody += "<tr><td align=\"center\" height=\"22\" colspan=\"8\" onMouseOut=\"parent.colordialogmouseout(this);\" onMouseOver=\"parent.colordialogmouseover(this);\" style=\"border:1px solid;font-size:12px;cursor:default;\" onMouseDown=\"parent.colordialogmore()\">More...</td></tr>"; ocbody += "</table>"; oPopBody.innerHTML=ocbody; ocolorPopup.show(e.offsetLeft, e.offsetTop+e.offsetHeight, 158, 147, document.body);}//--></script>测试:<html:text property="lightColor" readonly="true" onclick="colordialog(this)"/> http://javascript.weblogsinc.com/2006/07/16/smooth-color-picker-using-javascript/ 学习JavaScript 的必备 (一),让您对js的 function, javascript内置对象,this概念及之间的关系不再迷惑。(希望能置为推荐篇,为更多的js初学者关注) 如何根据窗口显示区域控制页面载入 急!!!请教一个奇怪的javascript问题 怎么使用js的正则表达式来定位特定内容 可模糊查询的文本框的函数响应过慢的问题!!求助!!! 脚本函数里面怎么申明static变量 怎样用 js 保存指定内容?在线等。 怎样隐藏表格的一列 js对象释放的问题 如何改变弹出的选择框的默认选项 如何屏蔽REALPLAY右键 js 翻书效果
<TABLE cellSpacing=1 cellPadding=3 width=350 align=center bgColor=#dddddd
border=0>
<TBODY>
<TR bgColor=#ffffff>
<TD align=middle width="10%"><SELECT onchange=selectchg(this.value)
name=select1> <OPTION value=1 selected>红</OPTION> <OPTION
value=2>绿</OPTION> <OPTION value=3>蓝</OPTION> <OPTION
value=4>灰</OPTION></SELECT> </TD>
<TD align=middle width="90%">
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD align=right><INPUT class=memo size=10 name=text1> <INPUT class=button onclick=choosecolor() type=button value=">>" name=Button2>
</TD>
<TD align=right width="3%"> </TD>
<TD width="30%">
<TABLE class=cursorcross height=20 cellSpacing=1 cellPadding=0
width=40 border=0>
<TBODY>
<TR>
<TD id=customcolor onmouseover=showcolor(this)
bgColor=#ffffff> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR>
<TR bgColor=#ffffff>
<TD align=middle width="10%">
<TABLE class=cursorhand id=tableleft cellSpacing=1 cellPadding=0
border=0><SCRIPT language=VBScript>
function hexit(which)
hexit=hex(which)
end function
</SCRIPT> <SCRIPT language=JavaScript>
for(i=0;i<=15;++i)
{document.write('<tr><td align="center">'+ hexit(0+i*17) +'</td><td id="tdleft' + i +'" bgcolor="rgb('+ (0+i*17) + ',0,0)" width="15" height="15" onclick="changeright(this.num)" onmouseover="showcolor(this)"></td></tr>')
document.all['tdleft' + i].num=i
}
</SCRIPT> <TBODY></TBODY></TABLE></TD>
<TD align=middle width="90%">
<TABLE class=cursorcross id=tableleft cellSpacing=1 cellPadding=0
border=0>
<SCRIPT language=JavaScript>
document.write('<tr><td></td>')
for(i=0;i<=15;++i)
{document.write('<td align="center">'+ hexit(0+i*17) +'</td>')}
document.write('</tr>')for(i=0;i<=15;++i)
{document.write('<tr>')
document.write('<td align="center">'+ hexit(0+i*17) +'</td>')
for(j=0;j<=15;++j)
{document.write('<td id="tdrightr' + i + 'c' + j +'" bgcolor="rgb(0,'+ (0+i*17) + ',' + (0+j*17) + ')" width="15" height="15" onmouseover="showcolor(this)" onclick="clickright(this)"></td>')}
document.write('</tr>')
}</SCRIPT> <TBODY></TBODY></TABLE></TD></TR>
<TR bgColor=#ffffff>
<TD colSpan=2
height=20>·可选16*16*16种颜色。<BR>·单击左边的颜色会得到更多的颜色。<BR>·单击右边的颜色会固定选取的颜色。
<BR>·输入框可以自定义颜色。</TD></TR></TBODY></TABLE>
<SCRIPT language=JavaScript>
function selectchg(which)
{switch(which)
{case '1' :leftR();break;
case '2' :leftG();break;
case '3' :leftB();break;
case '4' :leftA();break;
}
}
function leftR()
{for(i=0;i<=15;++i)
{document.all['tdleft'+i].bgColor='rgb('+ (0+i*17) + ',0,0)'}
rightR(0)
}
function leftG()
{for(i=0;i<=15;++i)
{document.all['tdleft'+i].bgColor='rgb(0,'+ (0+i*17) + ',0)'}
rightG(0)
}
function leftB()
{for(i=0;i<=15;++i)
{document.all['tdleft'+i].bgColor='rgb(0,0,'+ (0+i*17) + ')'}
rightB(0)
}
function leftA()
{for(i=0;i<=15;++i)
{document.all['tdleft'+i].bgColor='rgb('+ (0+i*17) + ','+ (0+i*17) + ','+ (0+i*17) + ')'}
rightA()
}
function rightR(which)
{for(i=0;i<=15;++i)
{for(j=0;j<=15;++j)
{document.all['tdrightr' + i + 'c' + j].bgColor='rgb(' + (0+which*17) + ',' + (0+i*17) + ','+ (0+j*17) + ')'}
}
}
function rightG(which)
{for(i=0;i<=15;++i)
{for(j=0;j<=15;++j)
{document.all['tdrightr' + i + 'c' + j].bgColor='rgb(' + (0+i*17) + ',' + (0+which*17) + ',' + (0+j*17) + ')'}
}
}
function rightB(which)
{for(i=0;i<=15;++i)
{for(j=0;j<=15;++j)
{document.all['tdrightr' + i + 'c' + j].bgColor='rgb(' + (0+i*17) + ','+ (0+j*17)+ ',' + (0+which*17) + ')'}
}
}
function rightA()
{for(i=0;i<=15;++i)
{for(j=0;j<=15;++j)
{document.all['tdrightr' + i + 'c' + j].bgColor='rgb(' + (0+i*16+j) + ','+ (0+i*16+j)+ ',' + (0+i*16+j) + ')'}
}
}
var rightclicked=false
function clickright(which)
{if(rightclicked){rightclicked=false;showcolor(which)}else{rightclicked=true}
}
function changeright(which)
{switch(select1.value)
{case '1' :rightR(which);break;
case '2' :rightG(which);break;
case '3' :rightB(which);break;
}
}
function showcolor(which)
{if(rightclicked)return;
text1.value=which.bgColor
choosecolor()
}
function choosecolor()
{customcolor.bgColor=text1.value
}
</SCRIPT>
我用过EP,UP,DW 文本编辑都没这个强.
如果哪位想要,就给我发消息吧,记得留下E-MAIL。
<input id="colorv" type="text" value=''>
<TABLE id="colorboard" border='1' width='350' cellpadding='0' cellspacing='0'>
<TR>
<TD bgcolor='#FFFF00' onclick="getColor(this);" onclick="getColor(this);"> </TD>
<TD bgcolor='#FF6600' onclick="getColor(this);"> </TD>
<TD bgcolor='#FF3300' onclick="getColor(this);"> </TD>
<TD bgcolor='#663300' onclick="getColor(this);"> </TD>
<TD bgcolor='#669900' onclick="getColor(this);"> </TD>
<TD bgcolor='#66CC00' onclick="getColor(this);"> </TD>
<TD bgcolor='#33FF00' onclick="getColor(this);"> </TD>
<TD bgcolor='#339900' onclick="getColor(this);"> </TD>
<TD bgcolor='#330000' onclick="getColor(this);"> </TD>
<TD bgcolor='#FFFFCC' onclick="getColor(this);"> </TD>
<TD bgcolor='#FF6699' onclick="getColor(this);"> </TD>
<TD bgcolor='#666699' onclick="getColor(this);"> </TD>
<TD bgcolor='#336699' onclick="getColor(this);"> </TD>
</TR>
<TR>
<TD bgcolor='#FFFF00' onclick="getColor(this);"> </TD>
<TD bgcolor='#FF6600' onclick="getColor(this);"> </TD>
<TD bgcolor='#FF3300' onclick="getColor(this);"> </TD>
<TD bgcolor='#FF6699' onclick="getColor(this);"> </TD>
<TD bgcolor='#666699' onclick="getColor(this);"> </TD>
<TD bgcolor='#336699' onclick="getColor(this);"> </TD>
<TD bgcolor='#663300' onclick="getColor(this);"> </TD>
<TD bgcolor='#669900' onclick="getColor(this);"> </TD>
<TD bgcolor='#66CC00' onclick="getColor(this);"> </TD>
<TD bgcolor='#33FF00' onclick="getColor(this);"> </TD>
<TD bgcolor='#339900' onclick="getColor(this);"> </TD>
<TD bgcolor='#330000' onclick="getColor(this);"> </TD>
<TD bgcolor='#FFFFCC' onclick="getColor(this);"> </TD>
</TR>
<TR>
<TD bgcolor='#33FF00' onclick="getColor(this);"> </TD>
<TD bgcolor='#339900' onclick="getColor(this);"> </TD>
<TD bgcolor='#330000' onclick="getColor(this);"> </TD>
<TD bgcolor='#FFFFCC' onclick="getColor(this);"> </TD>
<TD bgcolor='#FF6699' onclick="getColor(this);"> </TD>
<TD bgcolor='#666699' onclick="getColor(this);"> </TD>
<TD bgcolor='#336699' onclick="getColor(this);"> </TD>
<TD bgcolor='#FFFF00' onclick="getColor(this);"> </TD>
<TD bgcolor='#FF6600' onclick="getColor(this);"> </TD>
<TD bgcolor='#FF3300' onclick="getColor(this);"> </TD>
<TD bgcolor='#663300' onclick="getColor(this);"> </TD>
<TD bgcolor='#669900' onclick="getColor(this);"> </TD>
<TD bgcolor='#66CC00' onclick="getColor(this);"> </TD>
</TR>
</TABLE>
</BODY>
</HTML>
<script type='text/javascript'>
function getColor(obj)
{
var colorBoard = document.getElementById('container');
var colorValue = document.getElementById('colorv');
colorValue.value = obj.getAttribute('bgcolor').toString();
colorBoard.style.background = obj.getAttribute('bgcolor');
}</script>
<!--document.write("<OBJECT id=\"dlgHelper\" CLASSID=\"clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b\" width=\"0px\" height=\"0px\"></OBJECT>");
var ocolorPopup = window.createPopup();
var ecolorPopup=null;function colordialogmouseout(obj){
obj.style.borderColor="";
obj.bgColor="";
}function colordialogmouseover(obj){
obj.style.borderColor="#0A66EE";
obj.bgColor="#EEEEEE";
}function colordialogmousedown(color){
ecolorPopup.value=color;
//document.body.bgColor=color;
ocolorPopup.document.body.blur();
}function colordialogmore(){
var sColor=dlgHelper.ChooseColorDlg(ecolorPopup.value);
sColor = sColor.toString(16);
if (sColor.length < 6) {
var sTempString = "000000".substring(0,6-sColor.length);
sColor = sTempString.concat(sColor);
}
ecolorPopup.value="#"+sColor.toUpperCase();
//document.body.bgColor="#"+sColor.toUpperCase();
ocolorPopup.document.body.blur();
}function colordialog(controlname){
var e=event.srcElement;
e.onkeyup=colordialog;
ecolorPopup=e;
var ocbody;
var oPopBody = ocolorPopup.document.body;
var colorlist=new Array(40);
oPopBody.style.backgroundColor = "#f9f8f7";
oPopBody.style.border = "solid #999999 1px";
oPopBody.style.fontSize = "12px"; colorlist[0]="#000000"; colorlist[1]="#993300"; colorlist[2]="#333300"; colorlist[3]="#003300";
colorlist[4]="#003366"; colorlist[5]="#000080"; colorlist[6]="#333399"; colorlist[7]="#333333"; colorlist[8]="#800000"; colorlist[9]="#FF6600"; colorlist[10]="#808000";colorlist[11]="#008000";
colorlist[12]="#008080";colorlist[13]="#0000FF";colorlist[14]="#666699";colorlist[15]="#808080"; colorlist[16]="#FF0000";colorlist[17]="#FF9900";colorlist[18]="#99CC00";colorlist[19]="#339966";
colorlist[20]="#33CCCC";colorlist[21]="#3366FF";colorlist[22]="#800080";colorlist[23]="#999999"; colorlist[24]="#FF00FF";colorlist[25]="#FFCC00";colorlist[26]="#FFFF00";colorlist[27]="#00FF00";
colorlist[28]="#00FFFF";colorlist[29]="#00CCFF";colorlist[30]="#993366";colorlist[31]="#CCCCCC"; colorlist[32]="#FF99CC";colorlist[33]="#FFCC99";colorlist[34]="#FFFF99";colorlist[35]="#CCFFCC";
colorlist[36]="#CCFFFF";colorlist[37]="#99CCFF";colorlist[38]="#CC99FF";colorlist[39]="#FFFFFF"; ocbody = "";
ocbody += "<table CELLPADDING=0 CELLSPACING=3>";
ocbody += "<tr height=\"20\" width=\"20\"><td align=\"center\"><table style=\"border:1px solid #808080;\" width=\"12\" height=\"12\" bgcolor=\""+e.value+"\"><tr><td></td></tr></table></td><td bgcolor=\"eeeeee\" colspan=\"7\" style=\"font-size:12px;\" align=\"center\">Currently Color</td></tr>";
for(var i=0;i<colorlist.length;i++){
if(i%8==0)
ocbody += "<tr>";
ocbody += "<td width=\"14\" height=\"16\" style=\"border:1px solid;\" onMouseOut=\"parent.colordialogmouseout(this);\" onMouseOver=\"parent.colordialogmouseover(this);\" onMouseDown=\"parent.colordialogmousedown('"+colorlist[i]+"')\" align=\"center\" valign=\"middle\"><table style=\"border:1px solid #808080;\" width=\"12\" height=\"12\" bgcolor=\""+colorlist[i]+"\"><tr><td></td></tr></table></td>";
if(i%8==7)
ocbody += "</tr>";
}
ocbody += "<tr><td align=\"center\" height=\"22\" colspan=\"8\" onMouseOut=\"parent.colordialogmouseout(this);\" onMouseOver=\"parent.colordialogmouseover(this);\" style=\"border:1px solid;font-size:12px;cursor:default;\" onMouseDown=\"parent.colordialogmore()\">More...</td></tr>";
ocbody += "</table>"; oPopBody.innerHTML=ocbody;
ocolorPopup.show(e.offsetLeft, e.offsetTop+e.offsetHeight, 158, 147, document.body);
}
//-->
</script>测试:
<html:text property="lightColor" readonly="true" onclick="colordialog(this)"/>