Hintergrundfarbe bgcolor

Hintergrundfarbe bgcolor

Anzeige der Farbe in HTML-Format (z.B.: #3f0000)

 

Hintergrundfarbe bgcolor

Bewegen Sie die Maus über die eingebettete Farbgrafik.

Sourcecode: (funktioniert leider nur in einem älteren Internet Explorer)

<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="http://www.wbrnet.info/images/colorwheel.jpg" width=270 
border=0 style="filter:alpha(opacity=100, finishopacity=0, style=3)">
Sponsoren und Investoren

Sponsoren und Investoren sind jederzeit herzlich willkommen! Wenn Sie die Information(en) auf diesen Seiten interessant fanden, freuen wir uns über Ihren Förderbeitrag. Empfehlen Sie uns auch gerne in Ihren Netzwerken. Herzlichen Dank!

Nutzen Sie unsere Suchfunktion:

Nach oben Sitemap
Impressum Datenschutz

Hinweis: Diese Webseite kann Werbeanzeigen und Werbeeinblendungen oder eingebundene Links von Diensten und Inhalten Dritter enthalten. Beachten Sie dazu unsere Datenschutzerklärung.