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ランキング
-
ジャバスクリプトについて。
-
プログラムについて。
-
スマフォではボタンを表示させ...
-
追加ボタンを押した際に ok ボ...
-
特定の文字列を複数抜き出した...
-
二次元配列を使って順位をだす...
-
var exports = exports || {}; ...
-
フロントエンドフレームワーク...
-
階層別の組織図の自動作成について
-
ローディングアニメーションの...
-
Googleフォームで選択肢に応じ...
-
【GAS】WEBアプリでハイパーリ...
-
セレクトボックスで配列を呼び...
-
2段階プルダウンで1段階目の選...
-
①入力フォーム→②確認表示画面→③...
-
GASに文字列として関数を入れる...
-
GASでGoogleフォームの自動返信...
-
React hooksが値を返して配列変...
-
配列の1要素を代入した変数を使...
-
二次元配列の全要素の全要素を...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
VB.NET DataReaderが開かれている
-
Formのデータが欠落することがある
-
DBNULLについて
-
JavaScriptとACCESSデータベー...
-
dbからデータをとりだす際、sql...
-
C言語からデータベースにアクセス
-
struts 2つの選択肢(selec...
-
「XML over HTTP」「非同期HTTP...
-
Column名を変えた時のUpdate文...
-
JSP データベースへの数回の接続
-
三菱GOTの画面切り替えについて
-
腕時計の時報をならないように...
-
htmlで<form>~</form>を並べて...
-
画面遷移を行わずに同一ページ...
-
プログラミングで例えばゲーム...
-
ボタンが活性化の場合とは、ボ...
-
フォーム上で押されたボタンに...
-
ActiveWorkbook.Pathの一つ下の...
-
リクエストに応じたselectedの...
-
フロントエンドフレームワーク...
おすすめ情報