サイドバーのリストの項目数を減らすJavaScript

「折り畳みで続きを読む」のTypePad1.6対応版がまだできてないのになんですが、ちょっとコネタを。今回は、「サイドバーのリストの項目数を減らすJavaScript」です。「最近の記事」とかは10件で固定なのですが、それを減らしたい場合に使ってください。

# 「サイドバーのマイリストにスクロールバーを付けるJavaScript」の変形みたいなものです。

----

▼設置方法

+ 件数を減らしたいリストより下(*)にマイリストを準備。
-- メモタイプが簡便。リストタイプなら高度な設定でメモ欄をテキスト表示に設定。
+ 下記のコードをコピーしてメモ欄に貼り付ける
+ 必要箇所を編集して保存し反映させる

以上です。

# (*)→ 「下」というのは、HTMLソース的に下という意味です。両サイドバーの場合、右サイドバーは左サイドバーよりHTML的に下になります。

▼貼り付け用コード

<script type="text/javascript">
<!--
function shortenModuleList(str, n){
	var div;
	var h2s = document.getElementsByTagName('h2');
	for(var i = 0, h2; h2 = h2s[i]; i++) {
		if (h2.innerHTML==str) div = h2.parentNode
	}
	if(!div) return;
	lis = div.getElementsByTagName('li');
	for (var i = 0, li; li = lis[i]; i++) {
		if (i > n-1) li.style.display = 'none'
	}
}
shortenModuleList("最近の記事", 6);
//-->
</script>

▼編集箇所

上記のコードの下の方にある

shortenModuleList("最近の記事", 6);

という一行を編集してください。書式は、

shortenModuleList("リストのタイトル", リストの項目数);

となっています。

▼複数のリストの項目数を減らす場合

上記のスクリプトを編集して、複数設置してください。

# 実際は、二つ目以降は最後のshortenModuleListの行以外は不要です。↓例

<script type="text/javascript">
<!--
shortenModuleList("最近のトラックバック", 3);
//-->
</script>

以上です。不明瞭な部分がありましたらコメントください。

----

なお、今回のスクリプトは、秋津羽さんの記事「白い猪亭　真実のリチャードを探して: ブログ人カスタマイズ4：サイドバーのリストのスクロール表示」を見て、そういう要望もあるのか、簡単そうだし作ってみるか、とうことで作りました。

実際、この記事を書くほうが時間がかかりました(笑)