Kan iemand me helpen met het volgende:
Als je dit script uitvoert krijg je een #-kleurencode uit een X-Y framesetje.
Ik wil graag ipv de HEX code die eruit komt een RGB waarde (schaal 0-255) opgedeeld in drie textvakken (eentje voor Rood, eentje voor Groen, eentje voor Blauw). Wie kan me zeggen wat ik moet versleutelen aan deze code om dat voor elkaar te krijgen?
Als je dit script uitvoert krijg je een #-kleurencode uit een X-Y framesetje.
Ik wil graag ipv de HEX code die eruit komt een RGB waarde (schaal 0-255) opgedeeld in drie textvakken (eentje voor Rood, eentje voor Groen, eentje voor Blauw). Wie kan me zeggen wat ik moet versleutelen aan deze code om dat voor elkaar te krijgen?
Code:
<html>
<head>
<title>Color Picker</title>
<script langauge="javascript">
addary=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[k];
addary[k]+=((Math.floor(65049010/Math.pow(3,i*3+k))%3)-1)*4; }; };
function capture()
{ if(document.layers)
{ with(document.layers['imgdiv'])
{ document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=moved; }; }
else { document.all.imgdiv.onmousemove=moved; };
};
function moved(e)
{ sx=((document.layers)?e.layerY:event.offsetY)-256;
sy=((document.layers)?e.layerX:event.offsetX)-256;
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[2*((sy<0)?0:1)+((sx<0)?0:1)]-d));
n=0; c="000000";
r=Math.sqrt((xa*xa)+(ya*ya));
if(sx!=0 || sy!=0)
{ for(i=0;i<3;i++)
{ r2=clrary[deg][i]*r/128;
if(r>128) r2+=Math.floor(r-128)*2;
if(r2>255) r2=255;
n=256*n+Math.floor(r2); };
c=(n.toString(16)).toUpperCase();
while(c.length<6) c="0"+c; };
if(document.layers)
{ document.layers['clrdiv'].bgColor="#"+c; }
else
{ document.all["clrdiv"].style.backgroundColor="#"+c; };
document.frm.txt.value="#"+c;
document.frm.hid.value="#"+c;
return false; };
function setcolor()
{ document.frm.sel.value=document.frm.hid.value; };
</script>
<style type="text/css">
#imgdiv { position:relative; }
#clrdiv { position:relative; background-color:white; }
</style>
</head>
<body onload="capture();" bgcolor="#ffffff" topmargin=0>
<table border=1 cellpadding=0 cellspacing=0>
<tr><td></td></tr>
<tr><td align="center" height=50><font size=+3> <div id=clrdiv><strong><font color=blue>Blue <font color=red>
Red <font color=black>Black <font color=yellow>Yellow <font color=green>Green <font color="gray">
Gray<br><font color="purple">
Purple <font color=white>White <font color=orange>Orange <font color=magenta>Magenta
<font color=cyan>Cyan</font></strong></div></td></tr>
<tr><form name="frm"><td align="center"><input type="text" name="txt" size=12>
<input type="text" name="sel" size=12>
<input type="hidden" name="hid"></td></form></tr>
</table>
<div id=imgdiv><a href="javascript:void(0);" onclick="setcolor(); return false;">
<img src="images/colorwheel.jpg" width=512 height=500 border=0></a></div>
</body>
</html>