こんにちは。始めまして。ajax初心者です。
この度Ajaxを使いプログラムを作成しようと思っております。
表題にありますように、googleのパーソナライズドホームのようなものを
作成しようと思っております。
自分でコンテンツ追加し、ドラッグ&ドロップで表示位置変更。
この表示位置変更の部分でご教授願いたいのですが
ドラッグ&ドロップで移動させるのはわかります。
が、ドラッグ中、中途半端な位置の時に適当な位置に
仮の表示位置を表示する方法がわかりません。
(googleだとドラッグ中に点線で表示されるところです。)
それとコンテンツが
左列 中列
content_1 content_2
↓
↓移動
↓
左列 中列 右列
content_1
content_2
と、上記のようにcontent_2の上にcontent_1挿入した場合
content_2が下段に表示されるようにするのは
どうやって実現しているのでしょうか?
もしかしたらすごく簡単なことなのかもしれませんが
ご教授よろしくお願いいたします。
googleをみたらいいじゃないというのはご勘弁を。
googleのソースを見てもいまいち・・・。
No.1ベストアンサー
- 回答日時:
参考URLを見て下さい。
全て英語ですが。自分はやりたい事は違えど、似たような事をしようと思ったときに日本語ページでは検索しても見つからなかったもので、英語ページで発見しました。
参考URLの中のページの中で参考になりそうなところといえば、
http://dev.balupton.nghosting.org/testing/HTMLPa …
をみれば同じような事をしていると思うのでそちらのソースをみてはいかがでしょうか?
参考URL:http://www.ditchnet.org/wp/2005/06/15/ajax-freak …
この回答への補足
No1のURLを参考に作成してみました。
おおよそ出来たと思います。
また質問で申し訳ないのですが
このままですとマウスをクリックした時に仮の
表示領域がすべての箇所で取られてしまうのですが
これをカーソルが適当な位置に来た場合に仮の表示領域を表示するようにしたいのですが
いかようにすればよろしいでしょうか?
※ソースを載せようと思ったら文字数オーバーになってしまいました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- Visual Basic(VBA) エクセルマクロでアニメを作る方法を教えてください。 1 2023/02/07 14:27
- Windows 10 タスクバー上に表示されたアドレス・ボックス? 1 2023/04/30 17:37
- Google Drive Googleドライブでのファイルの移動 2 2022/11/01 14:23
- Word(ワード) 表の縦罫線を移動するピッチ 1 2022/10/12 12:24
- Excel(エクセル) Excel ヘルプの[ロック解除]、<c0>、</c0> の意味は何ですか? 1 2023/02/20 16:58
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- ホームページ作成・プログラミング ホームページ作成について。「ワードプレスではありません」。 3 2023/08/13 14:44
- Excel(エクセル) 【エクセルマクロ】既に開いているIEの、サイズや表示位置を変更するには 4 2022/12/01 22:57
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
jQueryで同じクラス名のものを...
-
二次元配列を使って順位をだす...
-
指定時間になったら、WEBサイト...
-
【JS】selectでchangeした時の...
-
特定の文字列を複数抜き出した...
-
読み込んだQRコードをフォーム...
-
IndexedDB を使ってファイルア...
-
ローディングアニメーションの...
-
画面遷移を行わずに同一ページ...
-
ブックマークレットについて
-
GASでチェックボックスを一括of...
-
Q&A掲示板の入力フォームに文字...
-
jsで質問です。 displayプロパ...
-
clear機能を失わずにファイルア...
-
初心者です。gulpでコンパイル...
-
セレクトボックスで配列を呼び...
-
追加ボタンを押した際に ok ボ...
-
①入力フォーム→②確認表示画面→③...
-
メールフォームの日付入力フォ...
-
GASでGoogleフォームの自動返信...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
var exports = exports || {}; ...
-
HTMLタグに複数のクラスを設定...
-
jsで質問です。 displayプロパ...
-
画面遷移を行わずに同一ページ...
-
Googleフォームで選択肢に応じ...
-
特定の文字列を複数抜き出した...
-
フロントエンドフレームワーク...
-
変数名をどのようにつけるのが...
-
【JS】selectでchangeした時の...
-
React hooksが値を返して配列変...
-
オブジェクトから任意のプロパ...
-
指定時間になったら、WEBサイト...
-
Colorboxがうまく設置できません
-
二次元配列の中の各行の要素を...
-
読み込んだQRコードをフォーム...
-
IndexedDB を使ってファイルア...
-
HTMLで作った時報アプリが動き...
-
GASに文字列として関数を入れる...
-
GASでGoogleフォームの自動返信...
-
①入力フォーム→②確認表示画面→③...
おすすめ情報