新一篇: AJAX的无刷新省市联动下拉框－－改进设计 | 

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;" onclick="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’; 
    } 
}

发表于 @ 2006年03月06日 10:14:00|评论(loading...)|编辑

新一篇: AJAX的无刷新省市联动下拉框－－改进设计 |