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

Add Color Palette to ASP.NET Textbox

本文关键字：文本 NET ASP 调色板 添加      更新时间：2023-09-26

我需要在表单中添加一个调色板，这样用户就可以在普通文本框中选择特定的文本，然后从调色板中选择一种颜色。

然后，我会在所选文本之前和之后添加一个类似HTML标记的前缀，这样当文本反弹到div或任何其他HTML控件中时，用户可以看到所选颜色的文本。

我希望在不使用AJAXControlToolkit的情况下做到这一点。

如果您不介意使用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可以从这里下载。

相关文章：