DBを参照してWebブラウザ上に動的に表示されているデータを、マウスでドラッグ&ドロップすることは可能でしょうか。また、マウス操作のみでDBを更新することはできるのでしょうか。
具体的には、以下のようなアルバイトのシフト作成業務を想定して質問しています。
1.データベースに格納されている仕事情報をブラウザ上にグラフ表示する
2.データベースに格納されているスタッフのスケジュール情報をブラウザ上にグラフ表示する
3.仕事情報をスケジュール情報にマウスでドラッグ&ドロップすることで、仕事をスタッフにアサインし、データベースを更新する
以上です。初歩的な質問かも知れませんが、お知恵をお貸しいただければ幸いです。よろしくお願いします。
No.1ベストアンサー
- 回答日時:
JavaScriptを用いてドラッグ&ドロップは可能です。
以前、CGIとJavaScriptを使って↓のようなものを作ったことがあります。
http://www2s.biglobe.ne.jp/~memo/cgi-bin/postit. …
これは単純に1~3を繰り返しています。
1)CGIでデータを表示
2)ドラッグ&ドロップされたら「ナニをドコにドロップしたか?」をCGIへ渡す
3)CGIでデータの位置情報を更新して1に戻る
シフト表だと、例えば3のところで「ドロップされた位置は何曜日の何時だ」という処理を加えるなどする必要がありそうですね。
この回答への補足
早速のご回答ありがとうございます。
添付のURLを拝見させていただきました。ドラッグする度にCGIに位置情報を渡してページをリフレッシュしているのですね。
ところで、静的に表示された長方形でなくてもドラッグできるものなのでしょうか。
(DBを参照して表示している9時-12時の仕事を表す長方形でもドラッグできるのでしょうか)
初歩的な質問で恐縮ですが、ご回答いただける場合はよろしくお願いします。
No.2
- 回答日時:
> ところで、静的に表示された長方形でなくてもドラッグできるものなのでしょうか。
CGIの長方形も動的に表示させていますよ。
データベースからメッセージとか投稿者名とかを参照して表示させています。
(画面丸ごとCGIで出力しているのですべてが動的といえば動的かな?)
> (DBを参照して表示している9時-12時の仕事を表す長方形でもドラッグできるのでしょうか)
「9時-12時の仕事を表す長方形」をJavaScriptのレイヤーとして表示できれば可能かと。
と言ってもそんな大げさな話ではなく、先のCGIの長方形も単に<div id="~" onmousedown="~"></div>で囲っただけですし・・・
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- MySQL PHPとMySQLを使った掲示板の作り方 1 2022/06/02 13:00
- Chrome(クローム) サイトのショートカットアイコンの格納場所は? 1 2022/12/26 01:38
- SQL Server DBのテーブルの設計ができず困っています。 2 2023/06/29 16:43
- MySQL 【投稿情報用データベース posts】は必要ないと思います。 1 2022/06/02 21:25
- Excel(エクセル) Excelで、別シートへ情報を参照表示する関数について。 2 2023/06/26 09:58
- フリーソフト 色々な形式の個人情報を後で参照しやすいようWindow10で管理したいのですが、どんな方法があるの? 1 2023/04/29 16:46
- WordPress(ワードプレス) Wordpress 複数プラグインの不具合? 1 2022/10/09 21:52
- Excel(エクセル) エクセルのワークシートを簡単に別ファイルにする方法は? 5 2023/01/11 14:50
- Access(アクセス) Access 登録ボタンからサブフォームの更新 1 2022/07/22 10:23
- マウス・キーボード マウスのクリックボタンの調子が良くないです。 ドラッグ&ドロップしようとするとよく開いてしまいます。 4 2022/03/23 18:20
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
VB.NET DataReaderが開かれている
-
Formのデータが欠落することがある
-
dbからデータをとりだす際、sql...
-
フォームで同じ複数のnameで違...
-
腕時計の時報をならないように...
-
三菱GOTの画面切り替えについて
-
フォーム上で押されたボタンに...
-
VB6 開発環境のエディタに行...
-
画面遷移を行わずに同一ページ...
-
漏電遮断器の黄色ボタンと白色...
-
フロントエンドフレームワーク...
-
セッションタイムアウトの設定...
-
Javaプログラミングの質問にな...
-
フォルダ改行
-
ActiveWorkbook.Pathの一つ下の...
-
1つのフォーム内容を1つのsubmi...
-
strutsを使用したjspでjavascri...
-
【JavaScriptわからない】1クリ...
-
Strutsでの入力データチェック...
-
JSPでのサブミット判定
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
VB.NET DataReaderが開かれている
-
dbからデータをとりだす際、sql...
-
Formのデータが欠落することがある
-
DBNULLについて
-
JavaScriptとACCESSデータベー...
-
C言語からデータベースにアクセス
-
ASPでデータベースを結合して表...
-
JSP データベースへの数回の接続
-
login,logoutのできるページ
-
Column名を変えた時のUpdate文...
-
SqlServerのトランザクションに...
-
データベースを扱うアプリにふ...
-
腕時計の時報をならないように...
-
三菱GOTの画面切り替えについて
-
javascriptでセッションを取得
-
画面遷移を行わずに同一ページ...
-
プログラミングで例えばゲーム...
-
フォームで同じ複数のnameで違...
-
ボタンが活性化の場合とは、ボ...
-
リクエストに応じたselectedの...
おすすめ情報