';
s+='| ';
s+=
''+
''+
''+
''+
''+
''+
'';
s+='';
//s+=' X ';
s+='';
s+='';
if(owner){
var o=_newObj("DIV");
o.innerHTML=s;
_addObj(owner,o);
}else{
document.write(s);
}}
cpColorPicker.prototype.open=function(win,o,att,x,y,func,instantUpdate,title,clr){
//if(this.alreadyOpen(o,att)){this.close();return;}
var tmp,tgt,a,i,j,s;
this.win=win;
this.doc=win.document;
this.obj=o;
this.att=att;
this.func=func;
this.instantUpdate=instantUpdate;
this.title=title;
this.locked=false;
if(att=='opacity')this.tgt='this.obj.style.backgroundColor';
else this.tgt='this.obj.style.'+att;
//eval('tmp='+this.tgt+';');
//this.clr=this.CLR=tmp;
this.clr=this.CLR=clr;
this.op=this.OP=this.getObjOpacity();
this.chgOpBoxColor(this.CLR);
if(this.att!='opacity')this.updColorHist();
this.config(this.att,this.title);
if(x!=null&&y!=null)_place(this.bdy,x,y);
_xshow(this.bdy);
}
cpColorPicker.prototype.close=function(){
try{_cpHide();}catch(e){}
_xhide(this.bdy);}
cpColorPicker.prototype.alreadyOpen=function(obj,att){
if(this.obj==obj&&this.att==att&&_xvz(this.bdy))return true;
return false;}
cpColorPicker.prototype.config=function(att,title){
var h=_obj('iColorHeader'),b=_obj('iColorBox').style,hist=_obj('iColorHist').style;
var c1=_obj('iColorSpan1').style,c2=_obj('iColorSpan2').style,g=_obj('iColorGrays').style;
var o=_obj('iColorOpacity').style,t=_obj('iColorTrans').style,p=_obj('iColorOpOff').style;
this.att=att;
if(this.att=='opacity'){
o.display=t.display=p.display='block';
c1.display=c2.display=g.display=hist.display='none';
b.height='32px';
}else{
o.display=t.display=p.display='none';
c1.display=c2.display=g.display=hist.display='block';
b.height='152px';
}
switch(att){
case 'color':
h.innerHTML='foreground ';
//this.clr=this.CLR=this.obj.style.color;
break;
case 'borderColor':
h.innerHTML='borders ';
//this.clr=this.CLR=this.obj.style.borderColor.split(' ')[0];
break;
case 'backgroundColor':
h.innerHTML='background ';
//this.clr=this.CLR=this.obj.style.backgroundColor;
break;
case 'opacity':
h.innerHTML='opacity ';
//this.clr=this.CLR=this.obj.style.background;
this.chgOpBoxColor(this.CLR);
break;
}
if(title)h.innerHTML=title+' '; //????
//alert('config: this.Clr='+this.CLR);;
}
//--- colors -----
cpColorPicker.prototype.updObj=function(v,att){
if(this.locked)return false;
if(!att)att=this.att;
var sObj,cmd,lock=this.locked;
try{
switch(att){
case 'backgroundColor':this.obj.style.background=v;break;
case 'color':this.obj.style.color=v;break;
case 'opacity':
if(!v){f='';
v='inherit';}
else {f='progid:DXImageTransform.Microsoft.alpha(opacity='+(v*10)+')';
v='0.'+v;}
this.obj.style.MozOpacity=v;
this.obj.style.opacity=v;
this.obj.style.filter=f;
break;
case 'borderColor':
var a,b,err=0;
//try{
// b=BD.getBorder(null,null,null,v);
// BD.wdg.tryAtt(b);
// BD.updAtt();
//}catch(e){err=1;}
//if(err){
this.obj.style.borderColor=v;
//}
break;
}
}catch(e){}
return lock;}
cpColorPicker.prototype.mv=function(event,clr){
if(event)_event(event).cancelBubble=true;
if(this.locked)return false;
var e,x,y,c;
if(!clr){
e=_event(event);
x=(gIE)?e.offsetX:e.layerX;
y=(gIE)?e.offsetY:e.layerY;
c=this.getColor(y,x);
e.cancelBubble=true;
}else c=clr;
this.clr=window.status=c;
this.updObj(c);
if(this.att=='backgroundColor')this.chgOpBoxColor(c);
if(this.func && this.instantUpdate)try{this.func(this.clr,this.att);}catch(e){} //????
//alert('mv: this.Clr='+this.CLR);;
return false;}
cpColorPicker.prototype.upd=function(event,c){
if(event)_event(event).cancelBubble=true;
if(this.locked)return false;
if(c!=null)this.clr=c;
//this.locked=this.updObj(this.clr);
if(this.func)try{this.func(this.clr,this.att);}catch(e){}
switch(this.att){
case 'color':this.addFgColor(this.clr);break;
case 'backgroundColor':case 'borderColor':this.addBgColor(this.clr);break;
}
if(this.att!='opacity')this.updColorHist();
this.CLR=this.clr;
var lock=this.updObj(this.clr);
//lock=this.locked=1; //??????
//_dbg("lock="+lock+" upd("+this.clr+")");
//if(lock){this.locked=true;this.close();}
//try{
//if(this.att=='color'||this.att=='backgroundColor')_logHist(this.doc,this.obj,this.att,this.clr);
//}catch(e){}
return false;}
cpColorPicker.prototype.reset=function(event){
if(event)_event(event).cancelBubble=true;
if(this.locked)return false;
this.updObj(this.CLR);
if(this.func && this.instantUpdate)try{this.func(this.CLR,this.att);}catch(e){} //????
if(this.att=='opacity')this.chgOpBoxColor(this.CLR);
this.clr=this.CLR;
//if(event)_event(event).cancelBubble=true;
}
cpColorPicker.prototype.addFgColor=function(c){
if(c=="#ffffff"||c=="#000000"||c=="black")return;
var i,j=0,a=this.fgColors;
for(i=a.length-1;i>-1&&j<10;i--){if(a[i]==c)return;j++;}
this.fgColors[this.fgColors.length]=c;}
cpColorPicker.prototype.addBgColor=function(c){
if(c=="#ffffff"||c=="white"||c=="#000000")return;
var i,j=0,a=this.bgColors;
for(i=a.length-1;i>-1&&j<10;i--){if(a[i]==c)return;j++;}
this.bgColors[this.bgColors.length]=c;}
cpColorPicker.prototype.updColorHist=function(){
var i,j=0,s='',a,ary;
a=(this.att=='color')?this.fgColors:this.bgColors;
ary=(this.att=='color')?'fgColors':'bgColors';
s='';
for(i=a.length-1;i>-1&&j<10;i--){
s+=' | ';
j++;
}
_obj("iColorHist").innerHTML=s;}
//---- opacity -----
cpColorPicker.prototype.chgOpBoxColor=function(c){
if(!c)c='red';
for(var i=0;i<10;i++){eval('tdop'+i+'.style.background="'+c+'"');}}
cpColorPicker.prototype.setOp=function(j){
if(this.locked)return false;
this.op=j;
this.updObj(j,'opacity');}
cpColorPicker.prototype.updOp=function(){
if(this.locked)return false;
this.OP=this.op;}
cpColorPicker.prototype.resetOp=function(){
if(this.locked)return false;
this.updObj(this.OP,'opacity');
this.op=this.OP;}
cpColorPicker.prototype.getObjOpacity=function(){
var v=this.obj.style.opacity;
if(!v)return 0;
if(!_in(v,'.'))return 0;
var tmp=v.split('.');
v=parseInt(tmp[1]);
return v;
}
//--- trans ----
cpColorPicker.prototype.setTrans=function(){
if(this.locked)return false;
this.updObj('transparent','backgroundColor');
this.clr="transparent";}
cpColorPicker.prototype.updTrans=function(){
if(this.locked)return false;
this.CLR="transparent";}
cpColorPicker.prototype.resetTrans=function(){
if(this.locked)return false;
this.updObj(this.CLR,'backgroundColor');
this.clr=this.CLR;}
//---------------
cpColorPicker.prototype.getColor=function(x,y){
var sx,sy,qx,qy,q,qd,xa,ya,d,deg,n=0,r,r2,c;
x=8*x;y=8*y;
sx=x-512;sy=y-512;
qx=(sx<0)?0:1;
qy=(sy<0)?0:1;
q=2*qy+qx;
qd=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(qd[q]-d));
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=this.aCr[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;
}c="#"+c;return c;}
cpColorPicker.prototype.setEvents=function(){
this.box.onmousedown =function(event){CP.upd(event);return false;}
this.box.onmousemove =function(event){CP.mv(event);return false;}
this.box.onmouseout =function(event){CP.reset(event);return false;}
//this.trans.onmousedown=function(event){CP.updTrans(event);return false;}
}
//Note: The "locked" and 'selection' issues screw up the draggable stuff for some reason!
//try{DG.open("iColorBox");}catch(e){} //make it draggable (requires drag.js)
|