2

ユーザーが色を選択できる HTML テーブルを作成しようとしています。テーブル セルまたはリスト上にドラッグすると、それらのテーブル セルに同じ色を適用する必要があります。これは、テーブルがどのように見えるかの例ですhttp://pekas .lbclients.info/SchedulesWorkManage.php、

jquery を使用したhttp://jsfiddle.net/few5E/の別の例を次に示します。これに似たものが必要ですが、色を選択してテーブルに異なる色を追加したいと考えています。

私はJavaScriptが初めてなので、これに関するヘルプは本当に役に立ちます。

前もって感謝します！

4

1 に答える 1

2

したがって、.color-selection のクラスを持つ div または table セルがある場合、クリックすると次のようになります。

<div style="background-color: blue;">Blue</div>
<div style="background-color: green;">Green</div>
<div style="background-color: red;">Red</div>

var selectedColor = "black";

$('.color-selection').click(function(){
   selectedColor = $(this).css('background-color');
 });

次に、表のセルがクリックされたら、次のようにして、selectedColor 変数をセルのスタイルに割り当てます。

$('table td').click(function(){
   $(this).css('background-color', selectedColor);
});
于 2012-08-09T00:58:45.850 に答える