將調色板添加到ASP.NET文本框

Question

我需要向我的表單添加調色板，以便用戶可以選擇正常文本框中的特定文本，然後從調色板中選擇一種顏色。

然後，我會在所選文本之前添加一個類似於HTML標籤的前綴，之後當文本被反彈到div或任何其他HTML控件時，用戶可以在選擇的顏色中看到文本。

我希望在不使用AJAXControlToolkit的情況下這樣做。

Answer 1

你可以使用jQuery做，如果你不介意使用jQuery：

有以下這樣一個普通的文本輸入元素：

<input type="text" maxlength="6" size="6" id="colorpickerField1" value="00ff00"> 

您可以創建一個顏色選擇器做：

<script type="text/javascript" src="js/colorpicker.js"></script> 

$(document).ready(function(){ 
    $('#colorpickerField1').ColorPicker({ 
    onSubmit: function(hsb, hex, rgb, el) { 
     $(el).val(hex); 
     $(el).ColorPickerHide(); 
    }, 
    onBeforeShow: function() { 
     $(this).ColorPickerSetColor(this.value); 
    } 
    }) 
    .bind('keyup', function(){ 
     $(this).ColorPickerSetColor(this.value); 
     }); 
}); 

和colorpicker.js可以下載from here.