« 牛乳と腹筋と入浴と | メイン | やらかした! »

2007年7月27日 (金)

TypePad:はてなスター★

噂のはてなスターなるものを付けてみました。

・・・が、まあいろいろとありまして、一記事毎に付けるのを諦めました(爆)
始めの読み込みなら平気なのですが、このブログのページ遷移がAjaxなもんで
読み込み終了をキーワードに起動しているこのシステムがページ遷移すると動かないのですが・・・。
で、まあ良いかと全ページで1つです。

結構がんばったんで勘弁してください(笑)

はてなユーザー専用ですが、共感等して頂けたら、サイドバーの一番下にあるAddのボタンを押して頂くとポイントの代わりに★が付くというものです。
画像をきつねに変えてありますので、★の代わりにきつねが増えます(笑)
きつねが増殖して私が勝手にウハウハです(爆)

トークンは切ってありますんで、コメントは出来ません。
気持ちだけ頂ければ嬉しいです。


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

TypePadでの設置方法を記載しておきます。


設置は↓こちらを参照させて頂きました。
[ココログ] はてなスターを記事別ページにも(ついでにフッターにも)
そのままこの記事を参照して頂き、4番で貼り付けるスクリプトは↓に置換えてください。

<script type="text/javascript">
Hatena.Star.EntryLoader.loadEntries = function() {
    var entries = [];
    var divs = Ten.DOM.getElementsByTagAndClassName('div','entry',document.body);
    for (var i = 0; i < divs.length; i++) {
        entries.push(new Hatena.Star.Entry.typepadHeader(divs[i]));//記事タイトル横に表示する時有効
        entries.push(new Hatena.Star.Entry.typepadFooter(divs[i]));//記事フッターに表示する時有効
    }
    return entries;
}
Hatena.Star.Entry.typepadHeader = new Ten.Class({
    initialize: function(div) {
        this.div = div;
        var h3 = div.getElementsByTagName('h3')[0];
        this.title = Ten.DOM.scrapeText(h3);
        var posted = Ten.DOM.getElementsByTagAndClassName('p','entry-footer',div)[0];
        this.uri = Ten.DOM.getElementsByTagAndClassName('a','permalink',posted)[0].href;
        h3.innerHTML = '<a href="' + this.uri + '">' + this.title + '</a>';
        this.comment_container = Hatena.Star.EntryLoader.createCommentContainer();
        h3.appendChild(this.comment_container);
        this.star_container = Hatena.Star.EntryLoader.createStarContainer();
        h3.appendChild(this.star_container);
    }
});
Hatena.Star.Entry.typepadFooter = new Ten.Class({
    initialize: function(div) {
        this.div = div;
        var h3 = div.getElementsByTagName('h3')[0];
        this.title = Ten.DOM.scrapeText(h3);
        var posted = Ten.DOM.getElementsByTagAndClassName('p','entry-footer',div)[0];
        this.uri = Ten.DOM.getElementsByTagAndClassName('a','permalink',posted)[0].href;
        this.comment_container = Hatena.Star.EntryLoader.createCommentContainer();
        posted.appendChild(this.comment_container);
        this.star_container = Hatena.Star.EntryLoader.createStarContainer();
        posted.appendChild(this.star_container);
    }
});
</script>

とりあえず、参照記事と同じくタイトル部分と記事のフッター両方に表示されるようになっています。どちらかだけにしたい方は、「記事タイトル横に表示する時有効」「記事フッターに表示する時有効」と書かれている一文の先頭に//を付けてコメントアウトしてください。

例:タイトル部分だけにしたい場合

entries.push(new Hatena.Star.Entry.typepadHeader(divs[i]));//記事タイトル横に表示する時有効
//entries.push(new Hatena.Star.Entry.typepadFooter(divs[i]));//記事フッターに表示する時有効

コメント

コメントを投稿

一言

  • 体調不良により、最近は更新頻度が低いです。 イベントごとと体調不良ネタが多いこの頃・・・。
    放置ですみません・・・。

動作環境

  • **確認済環境**
    ■ WinXP FireFox1.5&2.0&IE7
    ■ Mac FireFox2.0

    **推奨環境**
    ■ WinXP FireFox2.0
    ■ JavaScript有効
    ■ IE4,NC3以下リンク表示不可

ブログ内検索

  • ※上手く動かない場合は、読込み直してみてください。
    しっかり読み込んだ方が検索結果も正確に出ます。

    ※「検索」と「画像一覧」は同時に使用出来ません。
    どちらかの後に使用する場合はページを読込み直してください。

    ※Googleで検索する方はこちら。
    コメントも検索対象になりますが、反映が遅いです。

プロフィール

  • 自画像
    H.N:朔夕こっこ
    好きなもの:きつね、特撮、ネオロマ、T.M.R
    属性:ネオロマンサー腐女子
    職業:SE(プログラマ寄り)
    最近の悩み:特発性過眠症とうつ病っぽい状態
    譲れないモノ:きつね好きについて、 BLもまあ好きだが、ノーマルCP&家族っぽいもの好きについて

バックナンバー

  • ※最新のものは未分類です。
    後日各カテゴリに移動します。

掲示板

記事に関係ない話題はこちらへ。

リンク


Powered by TypePad
Member since 12/2006




Copyright(C) 2006 - Kokko Kitaseki by Day of Cyber Fox DOS★