将调色板添加到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.