<html>
<script>
var sInitColor = null;
function callColorDlg() //打开系统颜色对话框,,,(只有IE5.5或者更高才支持)
{
if (sInitColor == null)
var sColor = dlgHelper.ChooseColorDlg();
else
var sColor = dlgHelper.ChooseColorDlg(sInitColor);
sColor = sColor.toString(16);//把数字转换为16进制
if (sColor.length < 6)
{
var sTempString = "000000".substring(0,6-sColor.length);
sColor = sTempString.concat(sColor); //如小于六位补足6位
}
oDiv.style.background= sColor;
sInitColor = sColor;
}
</script>
<body onload="callColorDlg();">
<button onclick="callColorDlg();">选择颜色</button>
<div id=oDiv style="width:110;height:100;color:white;background-color:black">
Hello everyone!!
</div>
<OBJECT id=dlgHelper CLASSID="clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b" width="0px" height="0px" >
</OBJECT>
</body>
</html>
<script>
var sInitColor = null;
function callColorDlg() //打开系统颜色对话框,,,(只有IE5.5或者更高才支持)
{
if (sInitColor == null)
var sColor = dlgHelper.ChooseColorDlg();
else
var sColor = dlgHelper.ChooseColorDlg(sInitColor);
sColor = sColor.toString(16);//把数字转换为16进制
if (sColor.length < 6)
{
var sTempString = "000000".substring(0,6-sColor.length);
sColor = sTempString.concat(sColor); //如小于六位补足6位
}
oDiv.style.background= sColor;
sInitColor = sColor;
}
</script>
<body onload="callColorDlg();">
<button onclick="callColorDlg();">选择颜色</button>
<div id=oDiv style="width:110;height:100;color:white;background-color:black">
Hello everyone!!
</div>
<OBJECT id=dlgHelper CLASSID="clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b" width="0px" height="0px" >
</OBJECT>
</body>
</html>
<title>网页的颜色及其值</title><meta name="author" content="F.R.Huang">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style><!-- td {font-size: 12px} --></style></head>
<body leftmargin=0 topmargin=0 bgcolor=blue><br><h2 align=center onclick=wc()>网页的颜色及其值
<input type=text name=bg1 size=7 value="#" onchange="document.bgColor=this.value"></h2>
<table width=729 border=0 bordercolor=gold cellpadding=0 cellspacing=0 align=center>
<tr>
<script language="Javascript"><!--
function wc(){
var txt;
var aa = ["0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F"];
var a1 = ["0","8","F"];for (i6 = 0; i6 < 16; i6++){
for (i5 = 0; i5 < 3; i5++){
for (i4 = 0; i4 < 3; i4++){
for (i3 = 0; i3 < 3; i3++){
for (i2 = 0; i2 < 3; i2++){
for (i1 = 0; i1 < 3; i1++){
txt = aa[i6]+a1[i5]+a1[i4]+a1[i3]+a1[i2]+a1[i1];
document.writeln("<td bgcolor=#"+txt+" width=3 height=24 onclick=cc('#"+txt+"') title=#"+txt+"></td>");
}}
}}
}document.writeln("</tr><tr>");}
}wc();
function cc(txt){document.bgColor=txt;document.all.bg1.value=txt;}
// --></script>
</table>
</body></html>
<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);
}
alert(sColor);
}
</SCRIPT>
<OBJECT id=dlgHelper CLASSID="clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b" width="0px" height="0px"></OBJECT>
<BUTTON ID="ofntColor" TITLE="选择颜色" onclick="callColorDlg()">Choose Font color</BUTTON>
<!--
if(frames.length>0)location
//-->
</script>
<HTML>
<HEAD>
<TITLE>颜色颜色选取器</TITLE>
<META content="text/html; charset=gb2312" http-equiv=Content-Type>
<STYLE type=text/css>TD {
FONT-SIZE: 10.8pt
}
BODY {
FONT-SIZE: 10.8pt
}
BUTTON {
WIDTH: 5em
}
</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> <META content="MSHTML 5.00.2920.0" name=GENERATOR></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>');
}
</SCRIPT> <TBODY></TBODY></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> <TBODY></TBODY></TABLE></TD></TR></TBODY></TABLE></CENTER></DIV>
<DIV align=center>
<CENTER>
<TABLE border=0 cellPadding=0 cellSpacing=10>
<TBODY>
<TR>
<TD align=middle rowSpan=2>选中色彩
<TABLE border=1 cellPadding=0 cellSpacing=0 height=30 id=ShowColor
width=40>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></TD>
<TD rowSpan=2>基色: <SPAN id=RGB></SPAN><BR>亮度: <SPAN
id=GRAY>120</SPAN><BR>代码: <INPUT id=SelColor size=7></TD>
<TD><BUTTON type=reset>重选</BUTTON></TD></TR>
<TR>
<TD><BUTTON
onclick=window.close();>关闭</BUTTON>
</TD>
</TR>
</TBODY>
</TABLE>
</CENTER>
</DIV>
</BODY>
</HTML>
以下是test_color.htm
<html>
<head>
<style type="text/css">
<!--
body,p,br,td { font-size: 9pt}
-->
</style><title>无标题文档</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="JavaScript">
<!--
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->function MM_popupMsg(msg) { //v1.0
alert(msg);
}var color_win; //新的颜色子窗口
var m_color_item_name; //颜色项目名称--标题文本颜色, 或者背景颜色
var old_color;function MM_openBrWindow(theURL,winName,features,color_item) { //v2.0
m_color_item_name = color_item; //预先保存颜色项目名称
color_win = window.open(theURL,winName,features);
color_win.init_window(window,color_item,old_color);
}function init_popup_color_win()
{
var frm = document.theform;
var color_item = m_color_item_name;
if(color_item == "color1")
{
old_color = frm.textfield1.value;
}
else if(color_item == "color2")
old_color = frm.textfield2.value;
//颜色项目名称，颜色值传入新窗口
// color_win.init_window(window,color_item,old_color);
}function set_selected_color(color_item,colorString)
{
//从选择颜色窗口得到新颜色
var frm = document.theform;
var color_item = m_color_item_name;
if(color_item == "color1")
{
frm.textfield1.value = colorString;
tmt_DivBgColor('Layer1',colorString);
}
else if(color_item == "color2")
{
frm.textfield2.value = colorString;
tmt_DivBgColor('Layer2',colorString);
}
}function MM_findObj(n, d) { //v3.0
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); return x;
}function tmt_findObj(n){
var x,t; if((n.indexOf("?"))>0&&parent.frames.length){t=n.split("?");
x=eval("parent.frames['"+t[1]+"'].document.getElementById('"+t[0]+"')");
}else{x=document.getElementById(n)}return x;
}function tmt_DivBgColor(theDiv,v){
var fun = (document.getElementById) ? "tmt_findObj" : "MM_findObj";
var c = (document.layers) ? ".bgColor" : ".style.backgroundColor";
var obj = eval(fun+"(theDiv)");
if(obj)eval(fun+"('"+theDiv+"')"+c+"='"+v+"'");
}
//-->
</script>
</head><body bgcolor="#FFFFFF" text="#000000" onLoad="tmt_DivBgColor('Layer1','#6699FF')">
<form name="theform" method="post" action="">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="33%" height="30"> </td>
<td width="35%" height="30"> </td>
<td width="32%" height="30"> </td>
<td width="32%" height="30"> </td>
</tr>
<tr>
<td width="33%" height="30"> </td>
<td width="35%" height="30">
<div id="Layer1" style="position:absolute; width:147px; height:25px; z-index:1; background-color: #996666; layer-background-color: #996666; border: 1px none #000000" onClick="MM_popupMsg('asdf')"></div>
</td>
<td width="32%" height="30">
<input type="text" name="textfield1" value="#996666">
</td>
<td width="32%" height="30">
<input type="button" name="Submit" value="改变颜色" onClick="MM_openBrWindow('select_color.htm','','width=280,height=330','color1')">
</td>
</tr>
<tr>
<td width="33%" height="30"> </td>
<td width="35%" height="30">
<div id="Layer2" style="position:absolute; width:146px; height:23px; z-index:2; background-color: #9933FF; layer-background-color: #9933FF; border: 1px none #000000"></div>
</td>
<td width="32%" height="30">
<input type="text" name="textfield2" value="#9933FF">
</td>
<td width="32%" height="30">
<input type="button" name="Submit2" value="改变颜色" onClick="MM_openBrWindow('select_color.htm','','width=280,height=330','color2')">
</td>
</tr>
</table>
</form>
</body>
</html>
<html>
<head>
<title>选择颜色</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="JavaScript">
var name = navigator.appName;
var version = parseFloat(navigator.appVersion);
var platform = navigator.platform;function ColorPalette_OnClick(colorString){
tmt_DivBgColor('LayerSelectColor',colorString);
document.fHtmlEditor.text_select_color.value = colorString;
}</script>
<style type="text/css">
<!--
.clsCursor { cursor: hand}
-->
</style>
<script language="JavaScript">
<!--<!--
var m_color_item;
var m_old_color;
var m_owner_win;function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->function MM_findObj(n, d) { //v3.0
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); return x;
}function tmt_findObj(n){
var x,t; if((n.indexOf("?"))>0&&parent.frames.length){t=n.split("?");
x=eval("parent.frames['"+t[1]+"'].document.getElementById('"+t[0]+"')");
}else{x=document.getElementById(n)}return x;
}function tmt_DivBgColor(theDiv,v){
var fun = (document.getElementById) ? "tmt_findObj" : "MM_findObj";
var c = (document.layers) ? ".bgColor" : ".style.backgroundColor";
var obj = eval(fun+"(theDiv)");
if(obj)eval(fun+"('"+theDiv+"')"+c+"='"+v+"'");
}function MM_callJS(jsStr) { //v2.0
return eval(jsStr)
}function SelectColorOK()
{
var new_color = document.fHtmlEditor.text_select_color.value;
m_owner_win = window.opener;
m_owner_win.set_selected_color(m_color_item,new_color);
window.close();
}function init_window(owner_win,color_item_name,old_color)
{
m_owner_win = owner_win;
m_color_item = color_item_name;
m_old_color = old_color;
tmt_DivBgColor('LayerOriginColor',old_color);
tmt_DivBgColor('LayerSelectColor',old_color);
}function get_init_value()
{
window.opener.init_popup_color_win();
}
//-->
</script>
<style type="text/css">
<!--
body,p,br,td { font-size: 9pt}
-->
</style>
</head><body bgcolor="#FFFFFF" text="#000000" onLoad="MM_callJS('get_init_value()')">
<form name="fHtmlEditor" method="POST" action=""> <table width="258" border="0" cellspacing="0" cellpadding="0" height="288">
<tr>
<td colspan="4" height="19">
<div align="center"><b>选择颜色</b> </div>
</td>
</tr>
<tr>
<td colspan="4" height="17"> </td>
</tr>
<tr>
<td width="15" height="22"> </td>
<td width="81" height="22">
<div id="Layer1" style="position:absolute; width:61px; height:18px; z-index:3">原来的颜色</div>
</td>
<td width="62" height="22">
<div id="LayerOriginColor" style="position:absolute; width:40px; height:15px; z-index:1; background-color: #CCCCCC; layer-background-color: #CCCCCC; border: 1px none #000000">
<table width="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
</table>
</div>
</td>
<td width="94" height="22">
<div id="Layer3" style="position:absolute; width:80px; height:20px; z-index:5">
<input type="text" name="text_select_color2" size="8" value="#000000" style="width:74px; font: 8pt verdana" readonly>
</div>
</td>
</tr>
<tr>
<td width="15" height="22"> </td>
<td width="81" height="22">
<div id="Layer2" style="position:absolute; width:61px; height:18px; z-index:4">选择的颜色</div>
</td>
<td width="62" height="22">
<div id="LayerSelectColor" style="position:absolute; width:40px; height:15px; z-index:2; background-color: #CCCCCC; layer-background-color: #CCCCCC; border: 1px none #000000">
<table width="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
</table>
</div>
</td>
<td width="94" height="22">
<div id="Layer4" style="position:absolute; width:81px; height:24px; z-index:6">
<input type="text" name="text_select_color" size="8" value="#000000" style="width:74px; font: 8pt verdana" readonly>
</div>
</td>
</tr>
<tr>
<td width="15" height="21"> </td>
<td colspan="3" height="21"> </td>
</tr>
<tr>
<td width="15" height="50"> </td>
<td colspan="3" height="50">
<table width="216" border="1" cellspacing="0" cellpadding="0" height="144" bgcolor="#CCCCCC">
看http://tommson.51.net/MySoftware/test_color.htm例子
<head>
<style>
A {text-decoration: none}
.scala { text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif}
.out { background-color: #FFFF00; color: #FFFF33; margin-left: 10px; padding-left: 10px; margin-right: 10px}
.zahl { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; background-color: #DDDDDD; clip: rect( )}
.stand { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt}
</style><script language="JavaScript">
<!-- {
b0 = new Image(10, 10);
b0.src = "0.gif";
b1 = new Image(10, 10);
b1.src = "1.gif";
b2 = new Image(10, 10);
b2.src = "2.gif";
b3 = new Image(10, 10);
b3.src = "3.gif";
b4 = new Image(10, 10);
b4.src = "4.gif";
b5 = new Image(10, 10);
b5.src = "5.gif";
b6 = new Image(10, 10);
b6.src = "6.gif";
b7 = new Image(10, 10);
b7.src = "7.gif";
b8 = new Image(10, 10);
b8.src = "8.gif";
b9 = new Image(10, 10);
b9.src = "9.gif";
YYcount = 1;
var mytimeout = 0;
var oldHour = 0;
hexStr ='0123456789ABCDEF';
var hexi = new Array(3);
hexi.r = '96';
hexi.g = 'CF';
hexi.b = 'B8';
var oldhexi = new Array(3);
oldhexi.r = '00';
oldhexi.g = '00';
oldhexi.b = '33';var bgOn = true;
var NS=(navigator.appName=='Netscape');
}function yy_clear()
{ clearTimeout(mytimeout);
}function yy_hextocolor(strhex)
{
strhex = strhex.toUpperCase();
strhex = strhex.toString(16);
if (isNaN(strhex)) {
strHex = '#000000'}
isahex = true;
for (i=1;i<7;i++)
{ if (strhex.charAt(i)==''){strhex+='0'}
if (hexStr.indexOf(strhex.charAt(i))<0){ isahex=false;}
}
if (isahex){
hexi.r = strhex.charAt(1)+strhex.charAt(2);window.defaultStatus=strhex+' '+strHex.length+' char(3)='+strhex.charAt(3);
hexi.g = strhex.charAt(3)+strhex.charAt(4);
hexi.b = strhex.charAt(5)+strhex.charAt(6);
yy_hextoslide(strhex);
yy_colors('r', true);
yy_colors('g', false);
yy_colors('b', false);
} else { if (NS) {document.LF.document.myform.wert.value = "#" + hexi.r + hexi.g + hexi.b}
else {document.all['LF'].document.myform.wert.value = "#" + hexi.r + hexi.g + hexi.b}
}
return true;
}function yy_hextoslide(strhex)
{
v_r = 45+hexStr.indexOf(strhex.charAt(1))*16 + hexStr.indexOf(strhex.charAt(2));
v_g = 45+hexStr.indexOf(strhex.charAt(3))*16 + hexStr.indexOf(strhex.charAt(4));
v_b = 45+hexStr.indexOf(strhex.charAt(5))*16 + hexStr.indexOf(strhex.charAt(6));
if (NS) {
document.Lr.top = v_r;
document.Lg.top = v_g;
document.Lb.top = v_b;
} else {
document.all['Lr'].style.pixelTop = v_r;
document.all['Lg'].style.pixelTop = v_g;
document.all['Lb'].style.pixelTop = v_b;
}
}function yy_output()
{
if (bgOn == true)
{ yy_bg = "#" + hexi.r + hexi.g + hexi.b;
yy_fg = "#" + oldhexi.r + oldhexi.g + oldhexi.b;
}
else
{ yy_fg = "#" + hexi.r + hexi.g + hexi.b;
yy_bg = "#" + oldhexi.r + oldhexi.g + oldhexi.b;
}
if (document.layers) {
document.layers['Lout'].document.open('text/html');
document.layers['Lout'].document.write("<body text=" + yy_fg + "><table border=0 width=330><tr><td> </td><td><font face=\'Verdana, Arial, Helvetica, sans-serif\' size=7>Hello <b>World</b><br></font><font face=\'Verdana, Arial, Helvetica, sans-serif\' size=2>This is standard Text on a colored Background. Move the Color slider on the right bars. Down you get the HexCode. Put it into your HTML Pages.</font><font face=\'Courier New, Courier, mono\' size=2><p><b><BODY bgcolor=" + yy_bg + " text="+yy_fg+"> </b><br><br><br></font></td></tr></table></body>");
document.layers['Lout'].document.close();
document.layers['LMask'].document.bgColor=yy_bg;
}
else
{document.all['Lout'].innerHTML="<body text=" + yy_fg + "><font face=\'Verdana, Arial, Helvetica, sans-serif\' size=7>Hello <b>World</b><br><font size=2>This is standard Text on a colored Background. Move the Color slider on the right bars. Down you get the HexCode. Put it into your HTML Pages.</font><font face=\'Courier New, Courier, mono\' size=2><p><b><BODY bgcolor=" + yy_bg + " text="+yy_fg+"> </b></font></body>"
document.all['Lout'].style.color=yy_fg;
document.all['LMask'].style.background=yy_bg;
}
}
function yy_switch()
{ yyOfs = 11;
br = oldhexi.r; bg = oldhexi.g; bb = oldhexi.b;
oldhexi.r = hexi.r;
oldhexi.g = hexi.g;
oldhexi.b = hexi.b;
hexi.r = br;
hexi.g = bg;
hexi.b = bb;
if (bgOn == true)
{
if (NS) {document.layers['LSchalt'].top -= yyOfs;}
else {document.all['LSchalt'].style.pixelTop -= yyOfs;}
bgOn = false;
} else
{
if (NS) {document.layers['LSchalt'].top += yyOfs;}
else {document.all['LSchalt'].style.pixelTop += yyOfs;}
bgOn = true;
}
yy_hextoslide('#'+hexi.r+hexi.g+hexi.b);
yy_colors('r', false);
yy_colors('g', false);
yy_colors('b', false);
}function yy_setdigits(hour, daLayer)
{ if (document.layers)
{ document.layers[daLayer].document.open("text/html");
document.layers[daLayer].document.write("<body><font class=\'zahl\'>"+ hour +"</font></body>");
document.layers[daLayer].document.close();
}
if (document.all) {
document.all[daLayer].innerHTML=hour;
}
}
{
}function yy_color(theLayer, drawresult)
{
yyrunit = 'yy_colors("'+theLayer+'", '+drawresult+')'
mytimeout = setTimeout(yyrunit,200);
}function yy_colors(theLayer, drawresult)
{ yy_clear()
if (NS) {
blayer = document.layers['LMenu'];
myLayer = eval("document.layers[\'L"+theLayer+"\']");
hour = myLayer.top-45;
}
else {
blayer = document.all['LMenu'];
myLayer = eval("document.all[\'L"+theLayer+"\']");
hour = myLayer.style.pixelTop-45;
}
if (oldHour == hour) {} else
{ yy_clear();yy_clear()
yy_setdigits(hour, "LZ"+theLayer);
YYcount++;
myHex=hour.toString(16);
if (myHex.length==0){myHex='00'}
else if (myHex.length==1) {myHex='0'+myHex}
myHex = myHex.toUpperCase();
if (theLayer == "r") { hexi.r = myHex }
else
if (theLayer == "g") { hexi.g = myHex }
else
if (theLayer == "b") { hexi.b = myHex }
else
if (theLayer == "a") { hexi.b = myHex;hexi.r = myHex;hexi.g = myHex;
yy_setdigits(hour, "LZr");
yy_setdigits(hour, "LZg");
yy_setdigits(hour, "LZb");
if (NS) {
document.Lr.top = myLayer.top;
document.Lg.top = myLayer.top;
document.Lb.top = myLayer.top;
} else {
document.all['Lr'].style.pixelTop = myLayer.style.pixelTop;
document.all['Lg'].style.pixelTop = myLayer.style.pixelTop;
document.all['Lb'].style.pixelTop = myLayer.style.pixelTop;
}
}
if (drawresult) {yy_output();}
if (NS) {document.LF.document.myform.wert.value = "#" + hexi.r + hexi.g + hexi.b}
else {document.all['LF'].document.myform.wert.value = "#" + hexi.r + hexi.g + hexi.b}
}
oldHour = hour;
}
//-->
</script>
<script language="JavaScript">
function dragit() {
MM_dragLayer('document.layers[\'Lr\']','document.all[\'Lr\']',0,0,0,0,true,false,255,0,0,0,false,false,0,'',false,'yy_color(\'r\', true)')
MM_dragLayer('document.layers[\'La\']','document.all[\'La\']',0,0,0,0,true,false,255,0,0,0,false,false,0,'',false,'yy_color(\'a\', true)');
MM_dragLayer('document.layers[\'Lg\']','document.all[\'Lg\']',0,0,0,0,true,false,255,0,0,0,false,false,0,'',false,'yy_color(\'g\', true)');
MM_dragLayer('document.layers[\'Lb\']','document.all[\'Lb\']',0,0,0,0,true,false,255,0,0,0,false,false,0,'',false,'yy_color(\'b\', true)');
yy_switch();
yy_switch();
yy_output();
//if (NS) {document.layers['Lout'].left = 225}
}
</script>
function dragit() {
MM_dragLayer('document.layers[\'Lr\']','document.all[\'Lr\']',0,0,0,0,true,false,255,0,0,0,false,false,0,'',false,'yy_color(\'r\', true)')
MM_dragLayer('document.layers[\'La\']','document.all[\'La\']',0,0,0,0,true,false,255,0,0,0,false,false,0,'',false,'yy_color(\'a\', true)');
MM_dragLayer('document.layers[\'Lg\']','document.all[\'Lg\']',0,0,0,0,true,false,255,0,0,0,false,false,0,'',false,'yy_color(\'g\', true)');
MM_dragLayer('document.layers[\'Lb\']','document.all[\'Lb\']',0,0,0,0,true,false,255,0,0,0,false,false,0,'',false,'yy_color(\'b\', true)');
yy_switch();
yy_switch();
yy_output();
//if (NS) {document.layers['Lout'].left = 225}
}
</script> <script language="JavaScript">
<!--
function MM_dragLayer(objNS,objIE,hL,hT,hW,hH,toFront,dropBack,cU,cD,cL,cR,targL,targT,tol,dropJS,et,dragJS) { //v1.2
//Copyright 1998 Macromedia, Inc. All rights reserved.
var i,j,aLayer,retVal,curDrag=null,NS=(navigator.appName=='Netscape'), curLeft, curTop;
if (!document.all && !document.layers) return false;
retVal = true; if(!NS && event) event.returnValue = true;
if (MM_dragLayer.arguments.length > 1) {
curDrag = eval((NS)?objNS:objIE); if (!curDrag) return false;
if (!document.allLayers) {
document.allLayers = new Array();
with (document) {
if (NS) {
for (i=0; i<layers.length; i++) allLayers[i]=layers[i];
for (i=0; i<allLayers.length; i++) {
if (allLayers[i].document && allLayers[i].document.layers)
for (j=0; j<allLayers[i].document.layers.length; j++)
allLayers[allLayers.length] = allLayers[i].document.layers[j];
} } else {
for (i=0; i<all.length; i++)
if (all[i].style != null && all[i].style.position)
allLayers[allLayers.length] = all[i];
} } }
curDrag.MM_dragOk=true; curDrag.MM_targL=targL; curDrag.MM_targT=targT;
curDrag.MM_tol=Math.pow(tol,2); curDrag.MM_hLeft=hL; curDrag.MM_hTop=hT;
curDrag.MM_hWidth=hW; curDrag.MM_hHeight=hH; curDrag.MM_toFront=toFront;
curDrag.MM_dropBack=dropBack; curDrag.MM_dropJS=dropJS;
curDrag.MM_everyTime=et; curDrag.MM_dragJS=dragJS;
curDrag.MM_oldZ = (NS)?curDrag.zIndex:curDrag.style.zIndex;
curLeft= (NS)?curDrag.left:curDrag.style.pixelLeft; curDrag.MM_startL = curLeft;
curTop = (NS)?curDrag.top:curDrag.style.pixelTop; curDrag.MM_startT = curTop;
curDrag.MM_bL=(cL<0)?null:curLeft-cL; curDrag.MM_bT=(cU<0)?null:curTop -cU;
curDrag.MM_bR=(cR<0)?null:curLeft+cR; curDrag.MM_bB=(cD<0)?null:curTop +cD;
curDrag.MM_LEFTRIGHT=0; curDrag.MM_UPDOWN=0; curDrag.MM_SNAPPED=false; //use in your JS!
document.onmousedown = MM_dragLayer; document.onmouseup = MM_dragLayer;
if (NS) document.captureEvents(Event.MOUSEDOWN|Event.MOUSEUP);
} else {
var theEvent = ((NS)?objNS.type:event.type);
if (theEvent == 'mousedown') {
var aLayer, maxDragZ=null;
var mouseX = (NS)?objNS.pageX : event.clientX + document.body.scrollLeft;
var mouseY = (NS)?objNS.pageY : event.clientY + document.body.scrollTop;
document.MM_maxZ = 0;
for (i=0; i<document.allLayers.length; i++) {
aLayer = document.allLayers[i];
var aLayerZ = (NS)?aLayer.zIndex:aLayer.style.zIndex;
if (aLayerZ > document.MM_maxZ) document.MM_maxZ = aLayerZ;
var isVisible = (((NS)?aLayer.visibility:aLayer.style.visibility).indexOf('hid') == -1);
if (aLayer.MM_dragOk != null && isVisible) with (aLayer) {
var parentL=0; var parentT=0;
if (!NS) {
parentLayer = aLayer.parentElement;
while (parentLayer != null && parentLayer.style.position) {
parentL += parentLayer.offsetLeft;
parentT += parentLayer.offsetTop;
parentLayer = parentLayer.parentElement;
} }
var tmpX=mouseX-(((NS)?pageX:style.pixelLeft+parentL)+MM_hLeft);
var tmpY=mouseY-(((NS)?pageY:style.pixelTop +parentT)+MM_hTop);
var tmpW = MM_hWidth; if (tmpW <= 0) tmpW += ((NS)?clip.width :offsetWidth);
var tmpH = MM_hHeight; if (tmpH <= 0) tmpH += ((NS)?clip.height:offsetHeight);
if ((0 <= tmpX && tmpX < tmpW && 0 <= tmpY && tmpY < tmpH) &&
(maxDragZ == null || maxDragZ <= aLayerZ)) {
curDrag = aLayer; maxDragZ = aLayerZ;
} } }
if (curDrag) {
document.onmousemove = MM_dragLayer;
if (NS) document.captureEvents(Event.MOUSEMOVE);
curLeft = (NS)?curDrag.left:curDrag.style.pixelLeft;
curTop = (NS)?curDrag.top:curDrag.style.pixelTop;
MM_oldX = mouseX - curLeft; MM_oldY = mouseY - curTop;
document.MM_curDrag = curDrag; curDrag.MM_SNAPPED=false;
if(curDrag.MM_toFront) {
eval('curDrag.'+((NS)?'':'style.')+'zIndex=document.MM_maxZ+1');
if (!curDrag.MM_dropBack) document.MM_maxZ++;
}
retVal = false; if(!NS) event.returnValue = false;
} } else if (theEvent == 'mousemove') {
if (document.MM_curDrag) with (document.MM_curDrag) {
var mouseX = (NS)?objNS.pageX : event.clientX + document.body.scrollLeft;
var mouseY = (NS)?objNS.pageY : event.clientY + document.body.scrollTop;
newLeft = mouseX-MM_oldX; newTop = mouseY-MM_oldY;
if (MM_bL!=null) newLeft = Math.max(newLeft,MM_bL);
if (MM_bR!=null) newLeft = Math.min(newLeft,MM_bR);
if (MM_bT!=null) newTop = Math.max(newTop ,MM_bT);
if (MM_bB!=null) newTop = Math.min(newTop ,MM_bB);
MM_LEFTRIGHT = newLeft-MM_startL; MM_UPDOWN = newTop-MM_startT;
if (NS) {left = newLeft; top = newTop;}
else {style.pixelLeft = newLeft; style.pixelTop = newTop;}
if (MM_dragJS) eval(MM_dragJS);
retVal = false; if(!NS) event.returnValue = false;
} } else if (theEvent == 'mouseup') {
document.onmousemove = null;
if (NS) document.releaseEvents(Event.MOUSEMOVE);
if (NS) document.captureEvents(Event.MOUSEDOWN); //for mac NS
if (document.MM_curDrag) with (document.MM_curDrag) {
if (typeof MM_targL =='number' && typeof MM_targT == 'number' &&
(Math.pow(MM_targL-((NS)?left:style.pixelLeft),2)+
Math.pow(MM_targT-((NS)?top:style.pixelTop),2))<=MM_tol) {
if (NS) {left = MM_targL; top = MM_targT;}
else {style.pixelLeft = MM_targL; style.pixelTop = MM_targT;}
MM_SNAPPED = true; MM_LEFTRIGHT = MM_startL-MM_targL;
MM_UPDOWN = MM_startT-MM_targT;
}
if (MM_everyTime || MM_SNAPPED) eval(MM_dropJS);
if(MM_dropBack) {if (NS) zIndex = MM_oldZ; else style.zIndex = MM_oldZ;}
retVal = false; if(!NS) event.returnValue = false;
}
document.MM_curDrag = null;
}
if (NS) document.routeEvent(objNS);
}
return retVal;
}
//-->
</script>
<!--
function YY_ns4refresh() { //v1.2
if (document.layers) // dhtml ns4
{ if ((YY_oldX != window.innerWidth) || (YY_oldY !=window.innerHeight))
// window.location=window.location;
window.location.reload() YY_oldX = window.innerWidth; YY_oldY = window.innerHeight;
}
}
//-->
</script>
</head>
<body bgcolor="#000033" text="#000000" link="#000000" vlink="#000000" alink="#000000" onload="dragit()" background="back.gif" onResize="YY_ns4refresh('document.YY_ns4refresh1')">
<!-- #BeginBehavior YY_ns4refresh1 -->
<script language='JavaScript'>
<!--
var YY_oldX = window.innerWidth; var YY_oldY = window.innerHeight;
//-->
</script>
<!-- #EndBehavior YY_ns4refresh1 -->
<div id="Layer1" style="position:absolute; width:200px; height:37px; z-index:5; left:435px; top:364px; visibility: visible" class="stand">
</div>
<div id="LSchalt" style="position:absolute; width:19px; height:14px; z-index:4; left:263px; top:379px; visibility: visible" class="stand">
<a href="#" onMouseDown="yy_switch()"><img src="schieb.jpg" width="17" height="13" border="0"></a></div>
<div id="LF" style="position:absolute; width:71px; height:52px; z-index:6; left:46px; top:373px; overflow: hidden; visibility: visible" class="stand">
<form method="POST" action="javascript:yy_hextocolor(wert.value)" name="myform" onSubmit="yy_hextocolor(myform.wert.value)">
<table border="0" width="53" cellspacing="0" cellpadding="0" vspace="0" hspace="0" class="stand">
<tr>
<td>
<input type="TEXT" name="wert" size="8" value="#FFFFFF" onBlur="yy_hextocolor(myform.wert.value)">
</td>
</tr>
</table>
</form>
</div>
<div id="LS2" style="position:absolute; left:82px; top:47px; width:21px; height:293px; z-index:11; overflow: auto; visibility: visible">
<img src="scalao.jpg" width="17" height="6"><br>
<img src="scala.jpg" width="17" height="28"><br>
<img src="scala.jpg" width="17" height="28"><br>
<img src="scala.jpg" width="17" height="28"><br>
<img src="scala.jpg" width="17" height="28"><br>
<img src="scala.jpg" width="17" height="28"><br>
<img src="scala.jpg" width="17" height="28"><br>
<img src="scala.jpg" width="17" height="28"><br>
<img src="scala.jpg" width="17" height="28"><br>
<img src="scala.jpg" width="17" height="28"><br>
<img src="scalau.jpg" width="17" height="6"><br>
</div>
<div id="Lr" style="position:absolute; width:17px; height:0px; z-index:16; left:50; top:300; visibility: visible" class="zahl">
<a href="#"><img src="schieb.jpg" width="17" height="13" border="0"></a> </div>
<div id="La" style="position:absolute; width:17px; height:0px; z-index:17; left:154; top:300; visibility: visible" class="zahl">
<a href="#"><img src="schieb.jpg" width="17" height="13" border="0"></a> </div>
<div id="Lg" style="position:absolute; width:17px; height:0px; z-index:20; left:82; top:300; visibility: visible" class="zahl">
<a href="#"><img src="schieb.jpg" width="17" height="13" border="0"></a> </div>
<div id="LS3" style="position:absolute; width:21px; height:293px; z-index:12; left:112px; top:47px; visibility: visible">
<img src="scalao.jpg" width="17" height="6"><br>
<img src="scala.jpg" width="17" height="28"><br>
<img src="scala.jpg" width="17" height="28"><br>
<img src="scala.jpg" width="17" height="28"><br>
<img src="scala.jpg" width="17" height="28"><br>
<img src="scala.jpg" width="17" height="28"><br>
<img src="scala.jpg" width="17" height="28"><br>
<img src="scala.jpg" width="17" height="28"><br>
<img src="scala.jpg" width="17" height="28"><br>
<img src="scala.jpg" width="17" height="28"><br>
<img src="scalau.jpg" width="17" height="6"><br>
</div>
<div id="LS1" style="position:absolute; width:21px; height:293px; z-index:15; left:50px; top:47px; visibility: visible">
<img src="scalao.jpg" width="17" height="6"><br>
<img src="scala.jpg" width="17" height="28"><br>
<img src="scala.jpg" width="17" height="28"><br>
<img src="scala.jpg" width="17" height="28"><br>
<img src="scala.jpg" width="17" height="28"><br>
<img src="scala.jpg" width="17" height="28"><br>
<img src="scala.jpg" width="17" height="28"><br>
<img src="scala.jpg" width="17" height="28"><br>
<img src="scala.jpg" width="17" height="28"><br>
<img src="scala.jpg" width="17" height="28"><br>
<img src="scalau.jpg" width="17" height="6"><br>
</div>