colorpicket.js

自行开发的考核系统的后台数据库为sql2000。解压后是3个文件

function colorOver(theTD) {
	var color=theTD.style.backgroundColor.toUpperCase();
	previewColor(color);
	setTextField(color);
}
function colorClick(theTD,control,textbox,img) {
	var color=theTD.style.backgroundColor.toUpperCase();
	setTextField(color);
	document.getElementById(control).innerHTML="";
	document.getElementById(textbox).value=color;
	document.getElementById(img).style.backgroundColor=color;
}
function setTextField(ColorString) {
	document.getElementById("ColorText").innerHTML = ColorString;
}
function previewColor(theColor) {
	try {
		PreviewDiv.style.backgroundColor = theColor;
	} catch (e) {
	}
}
function showColorPicket(control,textbox,img,left,top) {
	var colorsArray = new Array(
			"#FFFFFF","#FFFFCC","#FFFF99","#FFFF66","#FFFF33","#FFFF00","#FFCCFF","#FFCCCC","#FFCC99",
			"#FFCC66","#FFCC33","#FFCC00","#FF99FF","#FF99CC","#FF9999","#FF9966","#FF9933","#FF9900",
			"#CCFFFF","#CCFFCC","#CCFF99","#CCFF66","#CCFF33","#CCFF00","#CCCCFF","#CCCCCC","#CCCC99",
			"#CCCC66","#CCCC33","#CCCC00","#CC99FF","#CC99CC","#CC9999","#CC9966","#CC9933","#CC9900",
			"#99FFFF","#99FFCC","#99FF99","#99FF66","#99FF33","#99FF00","#99CCFF","#99CCCC","#99CC99",
			"#99CC66","#99CC33","#99CC00","#9999FF","#9999CC","#999999","#999966","#999933","#999900",
			"#66FFFF","#66FFCC","#66FF99","#66FF66","#66FF33","#66FF00","#66CCFF","#66CCCC","#66CC99",
			"#66CC66","#66CC33","#66CC00","#6699FF","#6699CC","#669999","#669966","#669933","#669900",
			"#33FFFF","#33FFCC","#33FF99","#33FF66","#33FF33","#33FF00","#33CCFF","#33CCCC","#33CC99",
			"#33CC66","#33CC33","#33CC00","#3399FF","#3399CC","#339999","#339966","#339933","#339900",
			"#00FFFF","#00FFCC","#00FF99","#00FF66","#00FF33","#00FF00","#00CCFF","#00CCCC","#00CC99",
			"#00CC66","#00CC33","#00CC00","#0099FF","#0099CC","#009999","#009966","#009933","#009900",
			"#FF66FF","#FF66CC","#FF6699","#FF6666","#FF6633","#FF6600","#FF33FF","#FF33CC","#FF3399",
			"#FF3366","#FF3333","#FF3300","#FF00FF","#FF00CC","#FF0099","#FF0066","#FF0033","#FF0000",
			"#CC66FF","#CC66CC","#CC6699","#CC6666","#CC6633","#CC6600","#CC33FF","#CC33CC","#CC3399",
			"#CC3366","#CC3333","#CC3300","#CC00FF","#CC00CC","#CC0099","#CC0066","#CC0033","#CC0000",
			"#9966FF","#9966CC","#996699","#996666","#996633","#996600","#9933FF","#9933CC","#993399",
			"#993366","#993333","#993300","#9900FF","#9900CC","#990099","#990066","#990033","#990000",
			"#6666FF","#6666CC","#666699","#666666","#666633","#666600","#6633FF","#6633CC","#663399",
			"#663366","#663333","#663300","#6600FF","#6600CC","#660099","#660066","#660033","#660000",
			"#3366FF","#3366CC","#336699","#336666","#336633","#336600","#3333FF","#3333CC","#333399",
			"#333366","#333333","#333300","#3300FF","#3300CC","#330099","#330066","#330033","#330000",
			"#0066FF","#0066CC","#006699","#006666","#006633","#006600","#0033FF","#0033CC","#003399",
			"#003366","#003333","#003300","#0000FF","#0000CC","#000099","#000066","#000033","#000000");
			
	var str="<iframe frameborder='0' style='position: absolute;left:"+left+"px;top:"+top+"px;background-color:#000000;width:182px;height:148px;'></iframe><table cellpadding='0' cellspacing='1' border='0' style='position:absolute;left:"+left+"px;top:"+top+"px;background-color:#000000;width:182px;height:148px;'>";
	for (var i=0;i<12;i++) {
		str+="<tr>";
		for (var j=0;j<18;j++) {
			str+="<td onMouseOver='colorOver(this);' onClick='colorClick(this,\""+control+"\",\""+textbox+"\",\""+img+"\");' style='background-color:"+colorsArray[i*18+j]+";width:9px;height:9px;'></td>";
		}
		str+="</tr>";
	}
	str+="<tr><td colspan='18' bgcolor='#FFFFFF' align='center'>"+
		"<table cellpadding='2' cellspacing='0' border='0' width='178'><tr><td><div id='PreviewDiv' style='width:50;height:18;border: 1px solid black; background-color: #ffffff'></div></td><td><span id='ColorText' style='width:60;height:18;font-family:Arial;font-size:8pt;'></span></td><td><img src='images/autocolor.gif' onmouseover='document.getElementById(\"ColorText\").innerHTML=\"默认颜色\";' onClick='document.getElementById(\""+control+"\").innerHTML=\"\";' /></td></tr></table></td></tr></table>";
	document.getElementById(control).innerHTML=str;
}