ドラッグ＆amp; dojotoolkitにドロップ

Question

道場は初めてです。 3つのdivがあります。最初のdivには10個の画像があり、他の2つのdivは空です。

ユーザーが画像を任意のdiv（2,3）にドラッグできるようにするか、div1にドラッグして戻したい。

PHPを使用して写真をDBに保存します。

Answer 1

ドラッグアンドドロップについては、 dojo.dnd.Sourceを使用する必要があります。 。

JSでは、次のものが必要です。

dojo.require("dojo.dnd.Source");

HTMLは次のようになります（大部分）：

<div dojoType="dojo.dnd.Source" id="div1">
  <div class="dojoDndItem">
      <img />
  </div>
  <div class="dojoDndItem">
      <img />
  </div>
  ... 8 more times ...
</div>

Googleのロゴを使用して、あるdivから別のdivにjsbinでにドラッグできる簡単な例を設定しました。

データベースへの保存に関しては、何を保存したいかわからない。 src？他に何か？

それは言われているように、 dojo.query を使用できます。特定のdivの画像を取得して、 xhrGet を呼び出すPHPページ/サービス。

基本的に：

 dojo.query("img",dojo.byId("div1")).forEach( function() {
     // this is now the image
     dojo.xhrGet( { url: '/somepage.php',
                    data: { image_name: this.title } // ???: depends on what you want
                    load: function( data ) {
                      alert("I worked!");
                    },
                    error: function( data ) {
                       alert("O NOES!!!");
                    }
                }
    );
 });