2011-07-05 33 views
0

jqueryのドラッグアンドドロップのさまざまな例とデモを見てきました。私がしたいのは次のようなものです:jqueryドラッグアンドドロップを使って背景色を変更するには?

小さな色の四角いイメージ(見たい場合は、これらはおそらくビットマップ/ gifイメージです)をドラッグして空の(白い)divにドロップします。これを実行すると、divはドラッグされた小さな四角いイメージに一致するように背景色を変更します。

これは可能ですか?誰かがこれを行うプラグインを知っている、または正しい方向に私を指すことができますか?私は基本的なドラッグアンドドロップで始める必要があると思うが、いくつかのインラインCSSスタイルのようないくつかのデータを添付してください。ドロップしたときにドロップゾーンに適用されますか?

アップデート - ここで私はこれまで持っているものだ、私は各ボックスに(インラインスタイル)に設定されている色のドロップゾーンを更新したいhttp://jsfiddle.net/Q7rDS/を参照してください。..

この感謝、感謝で任意のヘルプ君は!

+1

は、いくつかのコードを示し、そして我々はそれが「UI-状態-ハイライト」のようなものを言うところのほか、約それを変更することができます。 .. – Val

答えて

3

これは、jQuery UIを使用して達成できます。

デモ:CSSで変更することができ、そのクラス名[それがない場合]をhttp://jqueryui.com/demos/droppable/

+0

私はこれを前に見ていたと思うが、それを壊すことなく裸の骨に基本的なものを取り除くのに苦労していた - 私はこれで遊んで、私がそれを調整できるかどうかを見てみよう。質問 - 私はこれを複数のドロップゾーンと複数のドラッグイメージ、それぞれ異なる色で使用することができますか?... – tifbs

+0

こんにちは、ここで私はこれまで何を得ています... http://jsfiddle.net/Q7rDS/ドラッグ可能なボックスには色を設定するインラインスタイルがあります。これから、どのようにしてドロップボックスにカラーボックスをドラッグすると、そのカラーに変わるのですか? – tifbs

関連する問題