Ajaxでgoogleのパーソナライズドホーム

質問

こんにちは。始めまして。ajax初心者です。
この度Ajaxを使いプログラムを作成しようと思っております。

表題にありますように、googleのパーソナライズドホームのようなものを
作成しようと思っております。

自分でコンテンツ追加し、ドラッグ＆ドロップで表示位置変更。
この表示位置変更の部分でご教授願いたいのですが
ドラッグ＆ドロップで移動させるのはわかります。

が、ドラッグ中、中途半端な位置の時に適当な位置に
仮の表示位置を表示する方法がわかりません。
(googleだとドラッグ中に点線で表示されるところです。)

それとコンテンツが
左列　　　　　中列
content_1　　content_2
↓
↓移動
↓
左列　　　　　中列　　　　　右列
　　　　　　content_1
　　　　　　content_2

と、上記のようにcontent_2の上にcontent_1挿入した場合
content_2が下段に表示されるようにするのは
どうやって実現しているのでしょうか？

もしかしたらすごく簡単なことなのかもしれませんが
ご教授よろしくお願いいたします。

googleをみたらいいじゃないというのはご勘弁を。
googleのソースを見てもいまいち・・・。

回答No.1

smwithdm · ベストアンサー

参考URLを見て下さい。全て英語ですが。
自分はやりたい事は違えど、似たような事をしようと思ったときに日本語ページでは検索しても見つからなかったもので、英語ページで発見しました。

参考URLの中のページの中で参考になりそうなところといえば、
http://dev.balupton.nghosting.org/testing/HTMLPage1.htm
をみれば同じような事をしていると思うのでそちらのソースをみてはいかがでしょうか？

参考URL：

http://www.ditchnet.org/wp/2005/06/15/ajax-freakshow-drag-n-drop-events-2/

お礼

smwithdmさん、返信有難うございます。
参考URLを参考にさせていただきます。
英語に苦戦しますが・・・。

補足

No1のURLを参考に作成してみました。
おおよそ出来たと思います。

また質問で申し訳ないのですが
このままですとマウスをクリックした時に仮の
表示領域がすべての箇所で取られてしまうのですが
これをカーソルが適当な位置に来た場合に仮の表示領域を表示するようにしたいのですが
いかようにすればよろしいでしょうか？

※ソースを載せようと思ったら文字数オーバーになってしまいました。

回答No.2

smwithdm

それは自分が作ったわけではないので
そちらでがんばって見て下さい。