js调色板类

function $$(_sId){return document.getElementById(_sId);}
function ColorPanel(){//调色板类 
    this.colorIns=function(c,_fId) { 
        $$(’init’+_fId).innerHTML=c; 
        $$(’preview’+_fId).style.backgroundColor=c; 
        $$(’preview’+_fId).style.display=’’; 
    } 
    this.InitColor=function(_sId){ 
        var colors = new Array(’00’,’33’,’66’,’99’,’CC’,’FF’); 
        var colorpanel=’<table cellspacing="0" style="background: black; border: 1px solid black;border-width: 0 1px 1px 0;">/n’; 
        for (i = 5; i >= 0; i--) { 
            for (j = 5; j >= 0; j--) { 
                if(j==2 || j==5 )    colorpanel+=’<tr>/n’; 
                for (k= 5; k >= 0; k--) { 
                    var col = colors[i]+colors[j]+colors[k]; 
                    colorpanel+=’<td style="height: 11px; width: 11px; padding: 0;background: #’+col+’;" title="#’+col+’"><a style="display: block; height: 10px; width: 10px; line-height: 10px; border: 1px solid black; border-width: 1px 0 0 1px;" href="javascript:new ColorPanel().colorIns(/’#’+col+’/’,/’’+_sId+’/’);"><//a><//td>/n’; 
                } 
                    if(j==3 || j==0)colorpanel+=’<//tr>/n’;     
            }     
        } 
        colorpanel+=’<tr><td colspan="18" style="background-color:#FFFFFF;border-left:1px solid #000000;font-size:12px;color:#000000;">’; 
        colorpanel+=’<span id="init’+_sId+’">#’+col+’</span>’; 
        colorpanel+=’&nbsp;<span id="preview’+_sId+’" style="width:40px;height:15px;background-color:#’+col+’;border:1px solid #000000;">ColorPanel<//span>&nbsp;’; 
        colorpanel+=’<span style="border:1px solid #000000;cursor: hand;font-weight:bold;">&nbsp;OK&nbsp;</span>&nbsp;<span style="border:1px solid #000000;cursor: hand;font-weight:bold;" οnclick="javascript:new ColorPanel().cancelcolor(/’’+_sId+’/’);">Cancel</span><//td></tr>’; 
        colorpanel+=’<//table>’; 
        $$(_sId).innerHTML=colorpanel; 
    } 
    this.cancelcolor=function(_sId){ 
        $$(’init’+_sId).innerHTML=’#000000’; 
        $$(’preview’+_sId).style.backgroundColor=’#000000’; 
    } 
}