クリックしたElementの情報をunDonutのパネルで表示

ボタンやINPUTなどで

var elm = document.getElementsByTagName('input');

これで得られるINDEXというの?elm.item(5)などの数値。
それを即座に知りたい時があるので、こんなものを書いてみました。

最初ボタンは「開始」になっており、押す度に「取得」→「STOP」に。
STOP状態から取得でアクティブウィンドウのオブジェクトを取得します。
取得状態だと、リンクをクリックしてもリンク先に飛ばなくなります。
TAG NAMEの横のオレンジで表示される数値がINDEX?です。


ついでにTopやLeft、タグ内の情報も。
Top、Leftはスタイルシートなどの影響で、見た目と違う数値になる場合もあります。
OFFSET WIDTH、OFFSET HEIGHTは現在のサイズ。
zipファイルDLページ


DonutのCOMをONにしていないと動作しません。

09/03/22 更新

  • 起動時は選択範囲、全体のソースを見る画面に変更。
  • クリックしたオブジェクトが思い通りに取得できない場合が多々あるので、ActiveとPointの2モードにしてみた。

09/04/02 修正