📄 selcolor.htm

📁 这是作的一个网站,修改很方便,可以做网站设计.管理登陆：admin.asp 帐号和密码：admin/admin
💻 HTM
字号:
<html>
<head>
<meta content="text/html; charset=gb2312" http-equiv="Content-Type">
<link rel="stylesheet" href="../Include/ManageStyle.css" type="text/css">
<script language="JavaScript" src="dialog.js"></script>
<script language="JavaScript">
var sAction = URLParams['action'] ;
var sTitle = "";
var color = "" ;
var oSelection;
var oControl;
var sRangeType;

switch (sAction) {
	case "forecolor":	// 字体前景色
		sTitle = "字体前景色";
		oSelection = dialogArguments.Editor.document.selection.createRange();
		color = oSelection.queryCommandValue("ForeColor");
		if (color) color = N2Color(color);
		break;
	case "backcolor":	// 字体背景色
		sTitle = "字体背景色";
		oSelection = dialogArguments.Editor.document.selection.createRange();
		color = oSelection.queryCommandValue("BackColor");
		if (color) color = N2Color(color);
		break;
	case "bgcolor":		// 对象背景色
		sTitle = "对象背景色";
		oSelection = dialogArguments.Editor.document.selection.createRange();
		sRangeType = dialogArguments.Editor.document.selection.type;
		if (sRangeType == "Control") {
			oControl = GetControl(oSelection, "TABLE");
		}else{
			oControl = GetParent(oSelection.parentElement());
		}
		if (oControl) {
			switch(oControl.tagName){
			case "TD":
				sTitle += " - 单元格";
				break;
			case "TR":
			case "TH":
				sTitle += " - 表格行";
				break;
			default:
				sTitle += " - 表格";
				break;
			}
			color = oControl.bgColor;
		}else{
			sTitle += " - 网页";
		}
		break;
	default:			// 其它颜色框
		if (URLParams['color']){
			color = decodeURIComponent(URLParams['color']) ;
		}
		break;
}

document.write("<TITLE>颜色选择（" + sTitle + "）</TITLE>");

// 默认显示值
if (!color) color = "#000000";

// 返回有背景颜色属性的对象
function GetParent(obj){
	while(obj!=null && obj.tagName!="TD" && obj.tagName!="TR" && obj.tagName!="TH" && obj.tagName!="TABLE")
		obj=obj.parentElement;
	return obj;
}

// 返回标签名的选定控件
function GetControl(obj, sTag){
	obj=obj.item(0);
	if (obj.tagName==sTag){
		return obj;
	}
	return null;
}

// 数值转为RGB16进制颜色格式
function N2Color(s_Color){
	s_Color = s_Color.toString(16);
	switch (s_Color.length) {
	case 1:
		s_Color = "0" + s_Color + "0000"; 
		break;
	case 2:
		s_Color = s_Color + "0000";
		break;
	case 3:
		s_Color = s_Color.substring(1,3) + "0" + s_Color.substring(0,1) + "00" ;
		break;
	case 4:
		s_Color = s_Color.substring(2,4) + s_Color.substring(0,2) + "00" ;
		break;
	case 5:
		s_Color = s_Color.substring(3,5) + s_Color.substring(1,3) + "0" + s_Color.substring(0,1) ;
		break;
	case 6:
		s_Color = s_Color.substring(4,6) + s_Color.substring(2,4) + s_Color.substring(0,2) ;
		break;
	default:
		s_Color = "";
	}
	return '#' + s_Color;
}

// 初始值
function InitDocument(){
	ShowColor.bgColor = color;
	RGB.innerHTML = color;
	SelColor.value = color;
}


var SelRGB = color;
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">
	color = SelColor.value;
	if (!IsColor(color)){
		alert('无效的颜色值！');
		return;
	}

	switch (sAction) {
		case "forecolor":
			dialogArguments.format('ForeColor', color) ;
			window.returnValue = null;
			break;
		case "backcolor":
			dialogArguments.format('BackColor', color) ;
			window.returnValue = null;
			break;
		case "bgcolor":
			if (oControl){
				oControl.bgColor = color;
			}else{
				dialogArguments.setHTML("<table border=0 cellpadding=0 cellspacing=0 width='100%' height='100%'><tr><td valign=top bgcolor='"+color+"'>"+dialogArguments.getHTML()+"</td></tr></table>");
			}
			window.returnValue = null;
			break;
		default:
			window.returnValue = color;
			break;
	}
	window.close();
</script>
</head>
<body bgcolor="menu" onload="InitDocument()">
<table cellpadding="0" cellspacing="10" align="center">
	<tr>
		<td>
		<table 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>');
			}
			</script>
		</table>
		</td>
		<td>
		<table 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>
</table>
<table cellpadding="0" cellspacing="10" align="center" width="100%">
	<tr>
		<td align="middle" rowspan="2">选中色彩 
		<table border="1" cellpadding="0" cellspacing="0" height="30" id="ShowColor" width="40" bgcolor>
			<tr>
				<td></td>
			</tr>
		</table>
		</td>
		<td rowspan="2">基色: <span id="RGB"></span><br>
		亮度: <span id="GRAY">120</span><br>
		代码: <input id="SelColor" size="8" value></td>
		<td align="right"><button class="button01-out" id="Ok" type="submit">确 定</button></td>
	</tr>
	<tr>
		<td align="right"><button class="button01-out" onclick="window.close();">取 消</button></td>
	</tr>
</table>
</body>
</html>
💿 文件大小 1003 K
👤 上传用户 hahuhuhuhu
📂 所属分类其他
🏷️ 相关标签

#admin #asp #网站 #修改
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -