• 締切済み

jQueryのドラッグ＆ドロップとDB連携

どうにも行き詰ってしまったので、教えてください。 jQueryを使って、元リストに並んでいるものを、Aグループ、Bグループにそれぞれドラッグして、並び替えた内容をDBに保存しようとしています。 ドラッグ＆ドロップについては、サンプルも豊富にありますが、それをDBに保存するようなサンプルが見つかりません。 動作説明も含めて参考になりそうなサイトはないでしょうか。

みんなの回答

  • x_jouet_x
  • ベストアンサー率68% (162/236)
回答No.1

Ajaxライブラリを使ったサンプル集のサイトを運営している者です。 ご質問に対するアドバイスや回答ではないので予めご容赦願います。 リストのDrag&Dropのサンプルはよく見かけますが、ただ並び替えた内容をDB保存するという案件は聞いたことがないですね。 確かに「リストを並び替えました！」だけでは実用性はありませんもんね…。 イメージとしては、 ・[JavaScript]並び替えられたリストをJSON形式にする 　↓ ・[JavaScript]JSONをリクエストパラメータにしてPHP等にアクセス 　↓ ・[PHP等]JSONの内容をもとにDB登録 という流れになるのでしょうね。 私もそのようなサンプルがないか探してみます。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • ｊQueryでシンプルドラッグドロップがまずい

    Javascript,jQuery初心者です。主にWINDOWS7、GoogleChrome使用です。 ｊQueryでシンプルなドラッグドロップ自作をやってみました。 <!DOCTYPE html> <html> <head> <meta carset="utf-8"> <script src="js/jquery-1.11.0.min.js"></script> <style> #chr{ position:absolute; left:100px; top:100px; } </style> <body> <div id="msg"></div> <div id="chr"> <img src="parts/usl470.jpg"> </div> <script> dragflg=false; $("#chr").mousedown(function(){ dragflg=true; $("#msg").html("on")}) .mouseup(function(){ dragflg=false; $("#msg").html("up")}); $(window).mousemove(function(e){ if(dragflg) { $("#chr").css("left",e.clientX-20+"px") .css("top",e.clientY-20+"px"); } }); </script> </body> </head> </html> mousedown、mouseupの検出を確認するために、隅にon、upと表示するようにしてあります。 思惑通り、押すとon、離すとupが表示されますが、ドラッグドロップした後は、離している状態のupになってくれず、押さずに動かしても#chrはついてきてしまいます。まともなドラッグドロップと違い、もう１回クリックでやっと離してくれる、という具合です。 　#chr上でボタンを離している時はそれを検出するんじゃないのか？と思ってしまうのですが、ついでに、ドラッグ動作自体も、移動禁止マークが出てちょっとおかしいし、詳しい人はどうやってこういう症状を回避してドラッグドロップの動作を実現しているのでしょうか？ 　ネットで見て回って参考にしようにも、短くてシンプルなjQueryのドラッグドロップのサンプルが見つからず、ここで何が間違いなのか意見を仰ごうと思ったものです。手っ取り早くｊQueryUIを導入すれば、やりたいこと自体は出来るんでしょうけど、ボタン離していても検出できないのが何なのかは、すっきりしておきたいと思いました。どうかよろしくお願いします。

  • VC++でドラッグドロップ

    いつもお世話になっております。 今回はドラッグドロップについてお聞きしたいことがあります。 ダイアログに読取専用エディットボックスとリストボックスをつけて フォルダをドロップするとエディットにはフォルダのフルパス、 リストにはフォルダ内のファイルが列挙されるというソフトを 作っております。 現状、リストへフォルダをドロップした場合は以上の動作をしますが エディットへドロップしても何の反応も起きません。 今回はエディットとリストどちらにドロップしても同様の動作をしたく、 ResourceViewで両方ドラッグドロップ許可にしていますが、 リストのほうはドロップするとアイコンには＋がでて、 ドロップ可能のようになっていますが実際にはWM_DROPFILESすら 捕まえることができません。 読み取り専用がよくない等いろいろ試しては見ましたが できませんでした。 リストのほうをドロップ不可(エディットのほうのみ可能)にした場合も 何もおきなかったのですが、そもそもエディットボックスではドロップは 不可能なのでしょうか？ 以上の点をご教授願いたいです。 よろしくお願いします。 開発環境は　VC++6.0 Professional SP2 OSは　WindowsXP　です。

  • ドラッグ&ドロップによる項目移動

    ドラッグ&ドロップによる項目の移動が出来るかどうかを教えて頂きたいです。 また出来るのであればやり方(参考サイト等)教えて下さい＞＜ 検索してもドラッグ&ドロップでファイルパスの取得とかしか出ないので困っています＞＜ ・リストボックスを2つ配置して選択している項目を2つのリストボックス間で移動したいです。 (1)リストボックス1の項目を選択 (2)リストボックス2へドラッグ&ドロップ (3)リストボックス1では選択されていた項目を削除、リストボックス2へは項目を追加 ・DataGridViewなどのテーブル表示の列の入れ替え Windowsのフォルダで「名前、更新日時、種類、サイズ、...」と並んでいる項目をマウス操作で入れ替えなど出来ますよね？あんな事も出来たりしませんかね？ 「マウスでのドラッグ＆ドロップで操作する」がポイントです よろしくお願いします。

  • 【OpenGL ドラッグ＆ドロップのやり方教えて下さい】

    現在OpenGLでプログラミングをおこなっているのですが、分からないことがあるので教えていただければと思います。 ウィンドウ内に物体を置いて、それをマウスでドラッグ＆ドロップのように移動させるプログラムをgltranslateで作ってみたのですが、うまくいきません。 ドラックして移動させるという動作をどの様に実現すればよいのでしょうか？プログラミング初心者なので、わかりやすく教えていただければと思います。 また、参考になるプログラム等あるサイトなどあれば教えてください。宜しくお願いいたします。

  • MFCのドラッグ＆ドロップについて

    閲覧して頂きありがとうございます。 現在、WindowsXPでvc++6.0のMFC（ダイアログベース）を利用してダイアログを作り エディットボックスに入力されたファイルパスを利用して指定のファイルを 開く簡単なアプリを作ろうとしています。 そこでダイアログのエディットボックスの部分にファイルをドラッグ＆ドロップすると エディットボックスにドロップされたファイルのパスを表示させようとしていますが、中々できません。 状況としては、グループボックスの中にエディットボックスを作成し、 グループボックスを右クリック→プロパティ→ドラッグドロップを許可 をすることによりグループボックスにドロップの許可を与えることはできていますが ドロップのイベントを拾うことができておりません。 ※参考サイトなどをみると「WM_DROPFILES」というハンドラがあるみたいなのですが 　どこにも見当たらないです。。。 何か不明な点などあれば補足させて頂きますので、よろしくお願いします。

  • ドラッグ&ドロップについてです。(VB.NET)

    フォーム上に「PictureBox」コントロールを置いた状態で実行し、その「PictureBox」にデスクトップ等からファイルやフォルダをドラッグ、ドロップしまして、そのファイルやフォルダのパス名を取得するにはどうすればいいですか？ そのプログラムのサンプルがあるサイトでもいいです。

  • フォームの外にドラッグ＆ドロップ

    現在、VB2005においてアプリケーションを開発しています。 よく、リストボックスなどにドラッグ＆ドロップしてパスを入力させる 方法がありますが、これの逆？をやりたいと思っております。 つまり、「すでにリストボックスなどに入力されたアイテムをフォームのそと にドラッグ＆ドロップさせた場合にリストボックスからそのアイテムを さくじょする」という動作です。 フォームの外であることをどのように判断してよいかわからないため、 MouseUp,DragDropのイベントを受け取ることができません。 よろしくお願いします。

  • ドラック＆ドロップ出来ない時があります

    iMacでMagic Trackpadを使っています。 最近、ファイルをドラック＆ドロップすると、かなりの確率でファイルがカーソルにくっついたままで離れなくなってしまいます。escとTrackpadを連打すると離れて元の場所に戻っていきます。 一旦スリープして、復帰させると正常にドラック＆ドロップ出来るようになる場合が多いですが、しばらくすると再び出来なくなります。 これは、デスクトップやフォルダ内のファイルだけでなく、ブックマーク追加やアプリの移動など、ドラック＆ドロップの動作すべてで起きています。 同じ症状が出る方や、対処法が分かる方、回答お待ちしています。

    • ベストアンサー
    • Mac
  • ドラッグ＆ドロップで入れ替えた要素を保存したい

    現在、ＰＨＰで履修登録システムを作っています。 教科を登録した学年変更する作業（例えば1年⇒3年に変更）をドラッグ＆ドロップでやってみたいと考えています。 要するに、ドラッグ＆ドロップでリスト同士の要素の入れ替えを行い、入れ替えた結果をデータベースに保存し、次に呼び出したときもその状態が維持できるようにしたいという訳です。 今のところ、データベースから教科を呼び出しドラッグ＆ドロップできるようにはなりましたが、肝心のデータベースへの保存方法をどうすればいいのかわかりません。 読みにくい文章で恐縮ですが、ご意見よろしくお願いします。

    • 締切済み
    • PHP
  • ドラッグ＆ドロップ＆拡大できる地図

    actionscript初心者です。。 ただいま ドラッグ＆ドロップ＆拡大できる地図を 某サイトを参考に作成しています。 教えていただきたいのですが、 このサイトの http://hfm-kenchan.com/Lesson/contents/index.htm Q&Aサンプル作品集のNo.837「ドラッグ可能な二段階拡大画像」 を参考に地図を作成しておりました。。 なにぶん初心者なので いきなりのつまづき。。。 拡大前の画像（最初の100%の画像）もドラッグできるようにするにはどうすれば良いでしょう？ 最初に50% 次に70% そして100%にしたいのですが。。。 50%の画像がドラッグできなくなってしまいます。 いろいろと調べてもわからず 途方にくれています。 教えてください、よろしくおねがいします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する