JavaScript: Page Details Script - Hexadecimal Color Wheel

Main Page Details Script Hexadecimal Color Wheel

<!-- THREE STEPS TO INSTALL HEXADECIMAL COLOR WHEEL:

1.  Copy the coding into the HEAD of your HTML document

2.  Add the onLoad event handler into the BODY tag

3.  Put the last coding into the BODY of your HTML document  -->

<title>script.omduena.com: JavaScript, java script, javascripts, script, javascript free code!</title>

<!-- Begin

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;

}

//  End -->

</script>

</HEAD>

<tr>

<td>

</td>

</tr>

<tr>

<br>

</form>

</td>

</tr>

</table>

</div>

<font face="arial, helvetica" size"-2">Free Scripts Sources<br>

by <a href="http://script.omduena.com">The JavaScript Source</a></font>

</center><p>

Click Here if you need help to install the JavaScript

top of page

Free JavaScript Collection