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.

将调色板添加到ASP.NET文本框

1 个答案: