類似word的顏色選擇器支援IE和FF

2021-08-30 09:47:52 字數 1311 閱讀 9559

/**

* 簡單的顏色選擇器

* @author ballanfeng

*/""); active控制項顯示其他顏色

var ecolorpopup = null; //觸發js的文字框物件

var colordiv = null; //顯示顏色選擇器div物件

function colordialog(textid, divid)

ocbody += "

";if (i % 8 == 7)

//ocbody += "其它顏色";}

ocbody += "";

colordiv.innerhtml = ocbody;

colordiv.style.left = (calculateoffset(ecolorpopup, "offsetleft") + 1) + "px";

colordiv.style.top = (calculateoffset(ecolorpopup, "offsettop") + ecolorpopup.offsetheight) + "px";

colordiv.style.width = (ecolorpopup.offsetwidth + 2) + "px";

colordiv.style.height = 150 + "px";

colordiv.style.position = "absolute";

colordiv.style.display = "block";

}function colordialogmouseout(obj)

function colordialogmouseover(obj)

function colordialogmousedown(color)

/** 顯示其他顏色方法

function colordialogmore()

ecolorpopup.value = "#" + scolor.touppercase();

ecolorpopup.style.backgroundcolor = "#" + scolor.touppercase();

ecolorpopup.style.display="none";

}**/

//計算顯示顏色div的顯示位置

function calculateoffset(field, attr)

return offset;

}/**文字框失去焦點顏色選擇器隱藏**/

function clearcolordiv(divid)

}文中注釋的部分是彈出其他顏色視窗,顏色陣列裡邊的顏色使用者可以自己修改為自己需要的顏色

顏色選擇器

基於seekbar控制項打造自定義顏色選擇器,可以選擇黑 白 赤 橙 黃 綠 青 藍 紫以及它們之間的顏色,廢話不多說,先上圖 通過設定seekbar的setprogressdrawable方法將顏色值與拖動條繫結,再監聽setonseekbarchangelistener實時獲取顏色值,部分 如下...

Ext顏色選擇器

size medium color red 這個控制項雖然進行了一次bug修復但是還是有問題,在ie下還是不穩定,偶爾會有問題。請謹慎使用!color size 這是老外擴充套件的乙個ext顏色選擇器,非常的好用 效果圖1 效果圖2 color red size medium bug size co...

ANDROID 顏色選擇器

這兩天花了點時間做了乙個android 的 顏色選擇器 看了幾篇文章.其中有乙個是 as3調色盤演算法 裡面有介紹了原理.我們經常看到這種樣子的顏色選擇器吧.我這裡就只是簡單說一下.1構建一張 七彩圖 然後其實右邊的亮度選擇是 這樣我們的 就可以進行啦.建立七彩 private void init ...