クラスを定義すればOKです。指定することができます。オプションを渡すことで、ドラッグ状態でマウスカースロが重なっている時のクラスを指定できます。'hover'});ドラッグしながらホバーした時のクラス変更サンプルを作成しました。取得することができます。何がドロップされたのかを判断することができます。簡単にドラッグ&ドロップさせることができます。いくつかのパラメータによって細かい動作を設定できます。ウェブブラウザ用脱出ゲーム作成ツールのイベントエディタとして、ドラッグ&ドロップによるブロックプログラミングを実装中です。条件分岐なんかもできるようにする予定です。使った方が個人的には使いやすいと思います。以下のサイトから落とせます。デザインを変えたり、必要な機能だけをカスタマイズして落とすこともできます。ボタンを押せばOKです。展開してみると大量のファイルが入っていることがわかります。使用するのはui/minified/jquery-ui.min.jsthemes/base/minified/jquery-ui.min.cssthemes/base/minified/imagesです。必要なので先に読み込んでください。ディレクトリを配置されるようにします。メソッドでドラッグ可能にできます。合わせて使うと、ドロップされた時のイベントを処理することができます。公式サイトでソースコード付きのデモを見ることができます。動作を変更できる様々なオプションが存在するので是非チェックしてみてください。コンテンツを覆ってクリックイベントを通さないようにできます。画面を暗くして操作できないようにしたい場合があります。コンテンツを覆い隠す方法があります。一時的にコンテンツのクリックを不可能にするサンプルを作成しました。コンテンツの上に表示しています。ホスト名を取得するサーバのホスト名を以下のように取得出来ます。イベントをキャッチできます。側で取得して処理するのがよいです。1つだけ選択するサンプルを公開しました。公式クライアントが配布されています。コミットやリポジトリのクローンができます。用はこちらから落とせます。使って、ブラウザ上にドラッグ&ドロップしたファイルをサーバへアップロードする方法です。https://github.com/yokano/dnd_file_upload以下の流れで実現出来ます。同じデータがクライアントから渡されます。発行してもらいました。Facebook続いて実際にコードを書いていきます。認証コード方式を使います。ログインボタンを設置します。ボタンの画像はサードパーティから無料で提供されているものを使用しました。対応するハンドラを作成します。