top


総投稿数 本 
no_

スポンサーサイト

 --------
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
カテゴリ :スポンサー広告 トラックバック(-) コメント(-)
no_1337

jQuery.dump.js:知、知らなかった。こんな便利なjQueryプラグインがあったのか。もっとい早く知っていれば。DOMの情報をdump出力してくれる ・・・ 【jQueryプラグイン】

 2010-05-04
 GW、ですねぇ。みなさんお出かけ中・・・
 なのでしょうか? 確実にアクセス数減ってます。
 私も(ほんの少し)出かけましたが、それ以外は
 ほぼサイト構築作業中・・・とほほ。
 ・・・それでも、このブログ。
 少し更新が出来なかった。
 さぁ~て、体制挽回。

 で、今、サイトのUI模索中
 ちょっと細かい処理をしていたのですが。


 普段、phpでサーバー側の処理を書いているときは
 煩雑に、var_dumpprint_r 利用して
 ハンドリングする変数やオブジェクト確認します。
 でも、javascriptの場合、お手軽な alert ばっかし
 ・・・でした。


 こんな便利な、jQueryプラグインあるなんて・・・
 知らなかった(のは私だけ?)
 ※なんか、文脈乱れてます。
  疲れ気味?・・・すみません。


DUMP 1.0.0(jquery.dump.js.txt)
DUMP 1.0.0(jquery.dump.js.txt) September 11, 2008
 かぁ。随分前からあったのですね。




  追記に  ▼


FC2ブログランキング にほんブログ村 IT技術ブログ Webサイト構築へ ブログ王ランキング 人気ブログランキング 人気ホームページランキングへ


more

************************************************
◎  DUMP 1.0.0(jquery.dump.js.txt)はいいですね の巻
              :jQueryプラグイン

************************************************


 ※実にシンプルなインフォ頁ですが・・・
 ■ダウンロード
  ※単なるテキストファイルですね。
   > jquery.dump.js.txt

 

 ■試用
  □プラグインjsファイルセットして・・・
<script type="text/javascript" src="*****/jquery.dump.js"></script>

 

  □表示させるエリアを準備。
<pre id="dump"></pre>

 

  □イベントに併せて実装。
   インフォページでは、そのまま表示させていましたが、
   私は、マウスオーバーでの挙動が知りたかったので、
$(document).ready(function() { 
$('#idname').mouseover(function() {
$("#dump").append($(this).dump());
}
});
   すると・・・
jQuery Object { 
0 = DOMElement [
nodeName: SPAN
nodeValue: null
innerHTML: [
0 = String: *****
]
]
}
 見やすいですねぇ。
 ※ちなみに、span の class名が取れてないのですが、
  これは 別のjQueryで取る方法があります。(次の投稿?)

 色々と役立ちそうです。


 !ちょっとお待ち?


 ・jquery.dump.js ・・・ と言えば?
  もうひとつあるようですね。


jQuery Dump Plugin(jquery.dump_.js.txt)
jQuery Dump Plugin(jquery.dump_.js.txt) 2009-07-29
 昨年の記事ですね。

 ・・・こちらも試させていただいて。



 ■ダウンロード
  ※(こちらも)単なるテキストファイル。
   ファイル名前に _ 付けてるのは、
   同名ファイルゆえの配慮でしょうか?
   > jquery.dump_.js.txt


 

 ■試用
  □プラグインjsファイルセットして・・・
<script type="text/javascript" src="*****/jquery.dump_.js"></script>

  ※こちらは、popアップウインドウ
   開いて表示してくれるようです。


  □前述のものと関数名称が同じなんですねぇ。
   (前記)そのままで・・・
   ・マウスオーバーすると、別ウインドウ表示。
   マウスオーバーすると、別ウインドウ表示
    ※う~む。すべての情報が表示されます。


 うまく、使いこなせば 有難い力となりそう。

commentsコメント
comment_post












管理者にだけ表示を許可する
commentトラックバック
トラックバックURL:
http://metaboy.blog23.fc2.com/tb.php/1337-9df21ff1
ようこそ
Add to Google 創るmetaboy:RSSフィード
My Yahoo!に追加
最新記事のRSS | 問い合わせ

仕事検索、アルバイト検索、依頼仕事の検索ポータル - 仕事検索.COM - www.jobkensaku.com ツクルン

創るmetaboy - WEB創る、サイト創る、何創る - 創ったmetaboy

 

リンク集

 

最近の記事

 

ブロとも申請フォーム
Sponserd by

さくらのレンタルサーバ さくらのレンタルサーバ
大容量・高機能レンタルサーバー heteml 大容量・高機能レンタルサーバー heteml
XREA (ValueDomain)
お名前.com お名前.com
名づけてねっと名づけてねっと
ムームードメインムームードメイン

 

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。