タグ

ドラッグ&ドロップとjavascriptに関するosskのブックマーク (1)

  • jQuery UIで実現! Ajaxで複数選択ドラッグ&ドロップ

    今回のサンプルの基的な情報 ここまででDraggables、Droppables、Selectablesの基的な使い方が分かったと思いますので、いよいよここからは、応用編のサンプル解説をしていきます。もう一度サンプルを見てみましょう。 ■ サンプルの基設計 このサンプルの基設計は次のようになります。 ディレクトリが2つあり、それぞれを親要素とするファイルが3つずつぶら下がる ディレクトリをselectable()にする ファイルをdraggable()にする ただし、初期状態は'disable'にしておき、ファイルが選択されたときに'enable'にする ディレクトリをdroppable()にする ファイルがディレクトリにドロップされたら、そのファイルが、そのドロップされたディレクトリの子要素になるようにDOMの操作を行う ■ 複数要素のドラッグ ここで1つ難しいのは、複数ファイル

    jQuery UIで実現! Ajaxで複数選択ドラッグ&ドロップ
  • 1