wsh::DnDJS

【リファやトラックバックを辿って来られた方へ】このページは 断片部のコンテンツの一部です。好き勝手に書いては消ししています。内容に関するご連絡は掲示板もしくは管理者宛フォームにてお願いします。

このグループの「キーワード」(wiki)は、グループメンバーが個人で編集しているものがほとんどです。詳細はキーワード利用ガイドラインをご覧ください。

■ 目的

Bookまーくのメニューをドラッグ＆ドロップで並べ替えしたい

■ ステップ

1. 表示された画面の要素をドラッグ＆ドロップで移動
2. 要素を並べ替えた時に並べ替えCGIを呼び出し

■ 必要そうなもの

GreaseMonkey

読み込まれたページにJavaScriptを外付けして書き換えるのに必要そう。Bookmarkletでも可？

XmlHttp

並べ替えた時にリクエスト発生とかできる？

■ JavaScriptのイベントオブジェクト

Internet Explorer

IEにはwindow.eventというオブジェクトがあり、現在発生しているイベントの情報を参照可能。

Netscape Navigator,Mozilla Firefox

NNやFirefoxはタグで onLoad="func()"と書いたりイベントハンドラに対応する関数オブジェクトでwindow.onload=func とした時に、関数定義の func の引数がイベントハンドラになる。

タグに記述されたイベントハンドラから呼び出される関数とイベントの関係

no titleが参考になる。

■ JavaScriptのオブジェクト記法

• http://d.hatena.ne.jp/naoya/20050813/1123919908
• http://d.hatena.ne.jp/reinyannyan/20051227/p1

■ メモ

• GreaseMonkeyもBookmarkletも作った事がないので、環境作りと基礎知識から必要
• 「Ajaxの仕様」というのは存在しないっぽい
• キーワード眺めてたらあった - いつか作ります - 断片部 いきなり答が出ちゃってるっぽい。でも自習のためでもあるので調べるのは止めない。check*padの情報はありがとうございますです。
• エフェクト ライブラリ: effect.js
• 404 Not Found
• 404 Not Found
• no title
• Bloglines がドラッグ＆ドロップによるフィードの編集機能をサポート - えむもじら
• AJAX/JavaScriptライブラリまとめ (2005/9/6 Revision .1.3) - oct inaodu
• Drag & Drop Sortable Lists with JavaScript and CSS
  • Javascript drag-and-drop ordered lists
    • 404 Not Found
    • Dynamic Drive- DOM Drag & Drop script
• google:JavaScript ドラッグ&ドロップ (並べ替え|並べかえ) -タブ
• JavaScript 演算子の優先順位

■ Bookまーくのパラメータ

• ./?cmd=change&page=sort&swap_uid=<移動させるurl_の下にあるID>&under_uid=<移動先url_の下にあるID>&comment_check_id=<サイト数＋フォルダ数－１>&comment_check
  • comment_check_id,comment_checkはたぶん更新の際には関係ない
• ./?cmd=change&page=sort&swap_uid=5373&under_uid=4755
  • 動くんだけど、目的の場所のもう1個下に入ってしまう。うーん、他にはhiddenタグも無いしCookieも保持してないからステートレスっぽいんだけど