レッド ■ ワン: red-one

前Postの追記・補足という感じになります．また，長くなりそうだったので別にしました．

　終わりの方で最新20件から次の20件へ～　とかいう風に書いたのですが，　従来の方法では対応していませんでした．

ですので，僭越ながらクリボウ氏の category.js のコードを少しいじりまして，『次の20件』（ついでに『前の20件』）の表示機能を付加しました．

考え方

　Google Blog Search では検索結果をRSSやAtomフィードでの配信を行っているのですが，　実は検索結果アドレスの ?[以下～]&start=20&output=atom とすれば検索結果の20件目からが表示されます．
つまり "次の○○件" のサイトフィードも取得できるのです．

　以上を踏まえ， category.js を変更．

やったこと

変更点/追加機能は以下

• 20件10件毎表示するように category.js を変更
  
• カテゴリを表示するページ（url）の環境変数から startの値 を設定できるようにした
  
• startの値+20件10件目からを表示する自ページへのリンクスポット"次の○件"を生成
  
• [蛇足機能] "前の○件"へのリンクスポットも生成
  
• [蛇足の蛇足機能] それ以上前へ戻れないときの非リンク化
  
• リンクスポットにもクラスを設定
  （.next-results / .prev-results）
  

となっております．
■ 未実装項目

• 次の20件がないときのリンクスポットの非リンク化
  
• ページ再読込みナシで表示結果の移動
  （できそうだけど，どうやったら・・・？）
  
• 一回の表示件数を環境変数から設定
  （これはすぐできるけど・・・需要あるかな？）
  

　次の20件がなくても"次の20件"へ移動できてしまったり，　Firefox1.5 で動作確認しましたが，IE, Opera と Firefox 1.0x では見た目が異なったりと不具合がまだ・・・．


: Firefox 1.5 での表示例

ツラツラ書き綴りましたが，　基本的に元の形を踏襲しているので，利用形態は変わりません．


　コードは category.js．
　クリボウ氏のものをダウンロードして使っている方は上書きして（バックアップを取ることを進めます）そのままご利用いただけます．

若しくは，コチラ のコードをカテゴリ表示用の Post （<script type="text/javascript" charset="UTF-8" src="http://[url]/category.js"></script> の部分）
に上書きコピー＆ペーストしてください．

<script type="text/javascript"><!--
function getParams() {
    index = location.href.indexOf("?");
    var params = new Array();
    if (index != -1) {
        var pairs = location.href.substring(index + 1).split("&");
        for (var i=0; i<pairs.length; i++) {
            nameVal = pairs[i].split("=");
            params[nameVal[0]] = nameVal[1];
        }
    }
    return params;
}
params = getParams();
if (params["url"]) {
    var url = params["url"];
    var tag = escape(params["tag"]);
    var s = params["start"];
    if (!s) { s = 0; }
    var num = 10;
    var svr = "http://www.incsub.org/feed2js/feed2js.php";
    var src = "?src=http%3A%2F%2Fsearch.blogger.com%2Fblogsearch_feeds%3Fq%3Dblogurl%253A" + url + "%2B" + tag + "%26scoring%3Dd%26num%3D" + num + "%26start%3D" + s + "%26output%3Drss&num=" + num + "&desc=200&date=y&utf=y&css=category";
    document.writeln("<script type='text/javascript' charset='UTF-8' src='" + svr + src + "'></script>");
 
    var env = "?url=" + url + "&tag=" + tag + "&start=";
    var str = "&lt;&lt;前の" + num + "件";
    var n = Number(s) - num;
    if (n >= 0) { str = "<a href=\"" + env + n + "\" title='Previus'>" + str + "</a>"; }
    document.write("\n<div class='prev-results'>" + str + "</div>");
 
    n = Number(s) + num;
    str = "次の" + num + "件&gt;&gt";
    str = "<a href=\"" + env + n + "\" title='Next'>" + str + "</a>";
    document.write("<div class='next-results'>" + str + "</div>")
}//-->
</script>

・num は一回の表示件数．　デフォルトでは10件です．
・str は "次の○件" とかのリンクスポットになります．　サイトの体裁などに併せて好きに変更してみて下さい．

　以上で上手く行くハズです．

間違いや不具合などございましたら，ご連絡下さい．　こちらで検証して解決するようにします．
また，今後もコードのアップデート等をこのブログで公開していきます．

　その他，意見などありましたらゼヒ是非コメント下さい．

＜参照 Posts＞
• [Blogger / util]_ カテゴリ設置 posted at 2006/03/13.
  
• クリボウの Blogger Tips: Blogger でも Category
  
• クリボウの Blogger Tips: カテゴリ用の URL を作成する
  
• clmemo@aka: Blogger にカテゴリー
  
• Pappmaskin Diar�Techblog: Blogger Categories

Web / util