</script> <link"> </script> <link"> </script> <link" />

jqueryを使用したテキストのライブカラーピッカー

私は美しい色のピッカーのうちの1つを遠く離れて色を得ることができましたが、今度は色を選択するとすぐにフォントの色を変更する必要があります。

私はそれをどうやって行うのですか?私はそれが愚かな質問だと知っていましたが、私は知る必要があります!

これは私がサイトから得たものです:

<script type="text/javascript" src="farbtastic.js"></script>
<link rel="stylesheet" href="farbtastic.css" type="text/css" />

プレースホルダ:

<form><input type="text" id="color" name="color" value="#123456" /></form>
<div id="colorpicker"></div>

スクリプト:

<script type="text/javascript">
  $(document).ready(function() {
    $('#colorpicker').farbtastic('#color');
  });
</script>

これは私のテキストボックスです:


0

1 答え

テキストボックスに.colored-textboxのようなクラスを与えてみてください

代わりに

$('#colorpicker').farbtastic('#color');

お試しください

$('#colorpicker').farbtastic('.colored-textbox');
1
追加された
私がそれを変えれば、どんな色でもピックアップしません。
追加された 著者 coder,
<input type = "text" id = "color" name = "color" value = "#123456" />
追加された 著者 coder,
はい、あなたが言ったように私はあなたが上に述べたものに変更すると、それは私にコントロールを見せているだけですが、何も選択されていません。
追加された 著者 coder,
今は私にコントロールを見せてもらえません。
追加された 著者 coder,
あなたはテキストボックスのHTMLを与えることができますか?
追加された 著者 FreeCandies,
では、テキストボックスにclass = "colored-textbox"を付けることができますか?
追加された 著者 FreeCandies,
私は少し眠そうです、ごめんなさい。私はフォント色で部品を見逃した。 code $( '#colorpicker')を実行すると、色)、色);});
追加された 著者 FreeCandies,
あなたはfarbtasticに付属のDemo2.htmlを見てください。複数のインスタンスがある場合でもピッカーをクラスに接続する方法を説明します。入力要素をASP.NETテキストボックスに変換し、それに応じてCssClassプロパティを設定するだけで済みます。コールバックの使用方法も示しています。必要に応じてCSSの色属性を変更するコードをプラグインできます。
追加された 著者 NFX,