0

ユーザーが通常のテキスト ボックス内の特定のテキストを選択し、パレットから色を選択できるように、フォームにカラー パレットを追加する必要があります。

次に、選択したテキストの前と後に HTML タグのようなプレフィックスを追加して、テキストが div またはその他の HTML コントロールに再バインドされると、ユーザーはテキストを選択した色で見ることができます。

AJAXControlToolkit を使用せずにこれを行いたいと考えています。

4

1 に答える 1

2

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 はここからダウンロードできます。

于 2012-09-06T22:36:34.997 に答える