【ココログ】きまぐれブックテーマ：『お題』に沿った本のリンクをランダムに表示するJavaScript

Amazon Web サービスを用いて、自分で適当に設定しておいたキーワードで書籍検索を行い、得られた結果をランダム表示するようなスクリプトを作ってみました(例によってIE6/Sleipnir2とFirefox 1.5の最新版でのみ確認)。
サイドバーにある『きまぐれブックテーマ』がそれです。現状では約15秒毎に表示が切り替わります。

既にどっかにあるような気もしますが

設置の仕方ですが、適当に名前をつけたメモタイプのマイリストのメモ欄に、以下のソースを貼り付けます。

<script type="text/javascript" charset= "utf-8" src="http://furyu.tea-nifty.com/script/RbookSearch.js"></script>

<style type="text/css">
<!--
    .rbsWindow {
        width: 100%;
        margin-left: -8px;
    }
    .rbsThemeTitle {
        margin-left: 4px;
        padding: 4px 0px 2px 0px;
        color: darkgreen;
        font-size: 12px;
        font-weight: bolder;
        line-height: 120%;
    }
    .rbsThemeText {
        width: 96%;
        border: 2px dashed silver;
        background-color: lemonchiffon;
        padding: 4px 8px 4px 8px;
        color: navy;
        font-size: 14px;
        font-weight: bolder;
    }
    .rbsResultWindow {
        width: 110%;
        height: 364px;
        color: red;
        font-size: 12px;
        line-height: 14px;
        font-weight: bolder;
    }
    .rbsResultWindow .rbsImgTable {
        width: 98%;
        height: 168px;
        overflow: hidden;
    }
    .rbsResultWindow .rbsImgTable .imgWin {
        padding: 4px 0px 4px 0px;
        text-align: left;
        vertical-align: top;
    }
    .rbsResultWindow .rbsImgTable .imgWin img {
        height: 160px;
        background: url('http://furyu.tea-nifty.com/image/NoImage.png') no-repeat;
    }
    .rbsResultWindow .rbsTxtTable {
        width: 98%;
        height: 192px;
        overflow: auto;
    }
    .rbsResultWindow .rbsTxtTable .infWin {
        padding: 4px;
    }
    .rbsCredit {
        padding: 8px 0px 0px 0px;
        font-size: 10px;
        text-align: right;
    }
    .RBStheme {
        display: none;
    }
-->
</style>

<div class="rbsWindow">
  <div class="rbsThemeTitle">ただいまのお題</div>
  <div id="rbsThemeText" class="rbsThemeText">　</div>
  <div id="rbsResultWindow" class="rbsResultWindow"></div>
</div>
<div class="rbsCredit" >powered by <a href="http://www.amazon.co.jp/exec/obidos/subst/associates/join/webservices.html">Amazon Web サービス</a></div>

<script type="text/javascript">
    RbookSearch.argAws.aaid = "furyutei-22" ;           //  Amazon Associate ID  (for Afirieito)
    RbookSearch.argAws.subid = "1S9C327N3DZD43F0K102" ; //  Amazon Access Key ID (Subscription ID)
    RbookSearch.changeTimer = 15000 ;                   //  リンク変更タイマ (milli-second)
    RbookSearch.compCheckId = "main-bottom"             //  ページロード完了チェック用タグID

    {   //  デフォルトテーマ
        var RbookCategory = [
            "books-jp"  //  和書
        ,   "music-jp"  //  ポピュラー音楽(クラシックの場合"classical-jp")
        ] ;
        var RbookFavorite = {
            "books-jp"  :   [  //  和書用テーマ
                "ブログ"
            ,   "プログラミング"
            ,   "スクリプト"
            ]
        ,   "music-jp"  :   [  //  ポピュラー音楽用テーマ
                "長渕剛"
            ,   "中島みゆき"
            ,   "槇原敬之"
            ]
        } ;
        var catName = RbookCategory[Math.floor( Math.random() * RbookCategory.length )] ;
        if ( catName ) {
            RbookSearch.argAws.mode = catName ;
            var favArray = RbookFavorite[catName] ;
            if ( favArray ) {
                RbookSearch.defaultTheme = favArray[ Math.floor( Math.random() * favArray.length ) ] ;
            }
        }
    }
    RbookSearch.callRbookSearch() ;
</script>

赤字の所は、Amazon のアソシエイトID(Amazon Associate ID：アフィリエイト用)や、Amazon Access Key ID(Subscription ID：Amazon Web サービス用)をお持ちの場合には、ご自分のIDに必ず変更するようにして下さい（変更無しで設置すると風柳用のIDとなります。ご自分のIDをお持ちで無い場合はそのままでも構いません。また、アソシエイトIDのみお持ちの方は、そちらだけ変更してもOKです）。
青字の所、変更タイマはリンクの更新間隔です。お好みに応じて変更して下さい。
ロード完了チェック用タグは、通常はそのままで大丈夫のはずですが、環境(ココログのテンプレート)によって変更する必要が生じるかもしれません。
緑字の箇所は、標準で設定したいテーマ文字列を指定します。これがAmazonの書籍検索のキーとなります。指定したテーマによっては、1冊も引っかからない場合もありえますのでご注意下さい。

【2006/06/22】
設置用スクリプトを更新し、和書以外にポピュラー音楽にも対応。ブログ読込時にランダムにどちらかを選択(和書のみでよいなら
        ,   "music-jp"  //  ポピュラー音楽(クラシックの場合"classical-jp")
の行を削除)。
また、テーマ文字列を複数設定可能に。これもブログ読込時にランダム選択される。

また、記事の本文(続き)欄に
<span class="RBStheme">(ここにテーマを書く)</span>
のようなタグを設置しておけば(スタイルシートで見えなくしてあります)、その記事を開いたときにテーマが変更されます。
サンプル1　サンプル2

別に本文に埋めこんでもよいですが、 その場合トップページのテーマに影響が有ります(一番上の新しい記事に埋めこまれたテーマがトップページのテーマとなります)。
制限として、バックナンバー等では本文(続き)欄も表示されてしまうため、やはり一番上にある記事のテーマが参照されてしまいます。

ここにも<span class="RBStheme">JavaScript</span>JavaScriptのようなタグを埋めこんであります。

ツイート