|
Hintergrundfarbe bgcolor
Sourcecode:
<head>
<script language="JavaScript">
addary = new Array();
//red
addary[0] = new Array(0,1,0);
//red green
addary[1] = new Array(-1,0,0);
//green
addary[2] = new Array(0,0,1);
//green blue
addary[3] = new Array(0,-1,0);
//blue
addary[4] = new Array(1,0,0);
//red blue
addary[5] = new Array(0,0,-1);
//red
addary[6] = new Array(255,1,1);
clrary = new Array(360);
for(i = 0; i < 6; i++)
for(j = 0; j < 60; j++)
{
clrary[60 * i + j] = new Array(3);
for(k = 0; k < 3; k++)
{
clrary[60 * i + j][k] = addary[6][k];
addary[6][k] += (addary[i][k] * 4);
}
}
function capture()
{
if(document.layers)
{
layobj = document.layers['wheel'];
layobj.document.captureEvents(Event.MOUSEMOVE);
layobj.document.onmousemove = moved;
}
else {
layobj = document.all["wheel"];
layobj.onmousemove = moved;
}
}
function moved(e)
{
y = 4 * ((document.layers)?e.layerX:event.offsetX);
x = 4 * ((document.layers)?e.layerY:event.offsetY);
sx = x - 512;
sy = y - 512;
qx = (sx < 0)?0:1;
qy = (sy < 0)?0:1;
q = 2 * qy + qx;
quad = new Array(-180,360,180,0);
xa = Math.abs(sx);
ya = Math.abs(sy);
d = ya * 45 / xa;
if(ya > xa) d = 90 - (xa * 45 / ya);
deg = Math.floor(Math.abs(quad[q] - d));
n = 0;
sx = Math.abs(x - 512);
sy = Math.abs(y - 512);
r = Math.sqrt((sx * sx) + (sy * sy));
if(x == 512 & y == 512)
{
c = "000000";
}
else
{
for(i = 0; i < 3; i++)
{
r2 = clrary[deg][i] * r / 256;
if(r > 256) r2 += Math.floor(r - 256);
if(r2 > 255) r2 = 255;
n = 256 * n + Math.floor(r2);
}
c = n.toString(16);
while(c.length < 6) c = "0" + c;
}
if(document.layers) {
document.layers["wheel"].document.f.t.value = "#" + c;
document.layers["wheel"].bgColor = "#" + c;
}
else {
document.all["wheel"].document.f.t.value = "#" + c;
document.all["wheel"].style.backgroundColor = "#" + c;
}
return false;
}
</script>
<script language="JavaScript">
color=new Array("0","8","F"); speed=250; document.bgColor="FFFFFF"; bg=new Array("FFFFFF","FFFFFF","FFFFFF");
function begin() {
document.form.col1.value=" X ";
document.form.col2.value=" X ";
document.form.col3.value=" X ";
i=0;
roll(speed);
}
function roll(speedB)
{
if (document.form.col1.value==" X ")
{
document.form.c1.value=document.form.b1.value;
document.form.b1.value=document.form.a1.value;
document.form.a1.value=color[Math.round(Math.random()*10)%3]+color[Math.round(Math.random()*10)%3];
}
if (document.form.col2.value==" X ")
{
document.form.c2.value=document.form.b2.value;
document.form.b2.value=document.form.a2.value;
document.form.a2.value=color[Math.round(Math.random()*10)%3]+color[Math.round(Math.random()*10)%3];
}
if (document.form.col3.value==" X ")
{
document.form.c3.value=document.form.b3.value;
document.form.b3.value=document.form.a3.value;
document.form.a3.value=color[Math.round(Math.random()*10)%3]+color[Math.round(Math.random()*10)%3];
}
setTimeout("roll("+speedB+")",speedB);
}
function stop(col) {
if (col==1) {
document.form.col1.value=" ";i++;
}
if (col==2) {document.form.col2.value=" ";i++;}
if (col==3) {document.form.col3.value=" ";i++;}
if (i==3)
{bg[0]=document.form.a1.value+document.form.a2.value+document.form.a3.value;
bg[1]=document.form.b1.value+document.form.b2.value+document.form.b3.value;
bg[2]=document.form.c1.value+document.form.c2.value+document.form.c3.value;
speedB=500000;roll(speedB);
}
}
function view(letter)
{
document.form.color.value="#"+bg[letter];
}
</script>
</head>
<body onload=capture() id=wheel>
<form name=f><input size=41 name=t readonly> Anzeige der Farbe in HTML-Format (z.B.: #3f0000) </form>
<img height=256 src="../images/colorwheel.jpg" width=270 border=0
style="filter:alpha(opacity=100, finishopacity=0, style=3)">
|
Bewegen Sie die Maus über die eingebettete Farbgrafik.
zurück