Born Neet

- The Emotional Programmer -

Shortcut Key
Next Entry … jPrev Entry … k
Next Page … J(Shift + j)Prev Page … K(Shift + k)
Scroll Down … Space / Page Down
Scroll Up … Shift + Space / Page Up
2008.03.13(Thu.) 19:40
 

このブログと同じようなテンプレート構成の人限定。
忍者のデフォルトからそんなに変更していなければOKなはず。

[サンプル]

サイドバーの下の方にあるプロフィール欄に使ってみました。

ちゃんと、記事数:<合計記事数>件って表示されてますね。
よし、成功。

[ソース]

$(function() { 
	var entryCount = 0;
	$('.PluginTitle:contains(カテゴリー) ~ .PluginContents a').each(function() {
	    entryCount += parseInt(this.innerHTML.match(/(\d+)/)[0]);
	});
	$('.plugin_data:contains(記事数:) > div').html(entryCount + '件');
});

やってるのは、カテゴリー一覧を探して、その中にある「(記事数)」を合計するという、ごく単純な処理。

<!--plugin_category-->~<!--/plugin_category-->で回してもよかったんけど、それじゃあ、以前と同じで芸がないし、重くなりそうだったので。(jsだけでやる方が遅いか…?)

せっかくjQueryを読み込んでることだし、DOMを使って、既に表示されてる情報のみから計算することにしました。
今回はこのためだけにidを振るという無駄なこともやってません。
(それに、テンプレート上にJavaScriptを書くとスクリプトもハイライトされちゃう問題を考慮しないといけないしねっ!)

[html]

プロフィールプラグインには、下のようなhtmlを追加してます。

<div class="plugin_data">
記事数:
	<div class="right">?件</div>
</div>

以上。使いたい人はご自由にどうぞ。

     HOME 
    • JavaScript 第5版
    • 恋するプログラム―Rubyでつくる人工無脳
    • JavaScriptクイックリファレンス 第5版―JavaScript1.5対応
    • はじめてのAIプログラミング―C言語で作る人工知能と人工無能
    • 初めてのJavaScript―Ajax&DOM対応
    自作スクリプト実験
    ブログ内検索
    カレンダー
    02 2008/03 04
    S M T W T F S
    3 4 6
    9 10 15
    16 17 19 21 22
    23 24 25 26 27 28 29
    30 31
    最近のコメント
    [08/13 mymyeasy]
    [07/31 mymyeasy]
    [07/06 ゆーいち]
    [07/05 ゆーいち]
    [07/04 ゆーいち]
    最近のトラックバック
    RSS
    RSS 0.91
    RSS 1.0
    RSS 2.0
    プロフィール
    HN:
    t*
    運営日数:
    ?日
    記事数:
    ?件
    ブログパーツ
    あわせて読みたい
    スポンサード リンク

    Born Neet wrote all articles. 
    Powered by Ninja.blog / TemplateDesign by TMP, modified by t*  

    お買い得商品満載「楽市楽座」忍者ブログ