【ココログ】ページ内記事の目次を作るJavaScript(謎のおまけ付き)

ブログに設置するタイプの目次スクリプトもありますので、ご参照ください。
【ココログ】アーカイブページに目次とページングを付加するJavaScript

なお、2007年6月現在、この記事に集中してスパムコメントがつくようになってしまったため、勝手ながら、当面コメントは閲覧のみとさせていただきます。
お手数ですが、何かありましたら伝言板か、上記の記事の方にお願いします……って、そっちもスパムつくようになったらどうしようかなぁ(苦笑)。

---

ココログで、現在表示しているページの目次を作るJavaScriptを製作してみました。
自分のサイトのサイドバーなどに貼付けて閲覧者の便宜を図るほかに、下の方にあるブックマークレットを登録しておけば、自分でココログを使用している任意のサイトを見に行ったときに、そのページ内の目次(見出しリスト)を表示することが出来る……かも知れないです。

対応していないテンプレートも多いと思いますので、力弱く(笑)。

トップページに記事を沢山置いている場合や、カテゴリーやバックナンバーを開いた時には、記事がタイトルも内容も一緒に縦にずらっと並ぶため、読み辛い思いをします。
これを少しでも軽減しようと、記事のタイトルのみを抜き出しリスト化して表示するのが、本来の目的であり機能です。

とりあえず、左の『一覧表示』中の、「ページ内目次」の[標準表示]ボタンを押してみて下さい。
そうすると、本文の上に「ページ内目次」が追加されるかと思います。
ID部分がページ内のリンク、タイトル部分が個別記事へのリンクとなっています。
基本機能としては、たったこれだけです。

でも実は、同様の機能を持つスクリプトとしては既に、なおゆきさんの『タイトルと概要を表示するJavaScript』や、facetさんの『見出し一覧』といったすばらしいものが存在しています。
何を今更感はぬぐえません。

そして当然ながら、私が作ったものよりも高機能です(爆)

てなわけで、趣味に走ってしまいました(をい)。
今度は、左の『一覧表示』中の、「ページ内目次」の[LTT風味]ボタンを押してみて下さい。
　　：
　　：
　　：
そんな感じです。

LTTが何の略か、わかる人だけわかって下さい(^^;

万一、設置したいという物好きな方は、メモ欄などのHTMLが記述できる場所に、

<script type="text/javascript" src="http://furyu.tea-nifty.com/script/articleListLTT.js"></script>
<form style="margin-bottom:8px">
<table><tbody style="vertical-align:top;color:#446688;font-weight:bold;font-size:12px;line-height:14px;">
<tr><td>ページ内目次</td></tr>
<tr><td>
<input type="button" onclick="javascript:showArticleList( false );" value="標準表示" />
<input type="button" onclick="javascript:showArticleList( true, true, true );" value="LTT風味" />
</td></tr>
</tbody></table>
</form>

のようなものを貼り付けて下さい。

また、
ページ内目次(標準)
ページ内目次(LTT風味)
をブックマークレットとして登録しておき、ココログを使用している他の人のブログを見に行ったときに実行すれば、そのサイトで表示しているページの目次を作ることも出来る……かも知れません(笑)。

• ブラウザ毎の登録方法(例)

  IE 6.0x	：	リンクを右クリック→『お気に入りに追加(F)』
  Firefox 1.5x	：	リンクを右クリック→『このリンクをブックマーク(L)』
  Sleipnir 2.3x	：	リンクを右クリック→『ショートカットのコピー(T)』→'Ctrl+D'(『お気に入り(A)』 →『お気に入りに追加(A)』)→『場所(L)』で'Ctrl+V'してコピーしたショートカットを貼付 →『タイトル(T)』に適当な(解りやすい)名前を入力

例によって、設置や改変その他、ご自由に。
連絡も不要ですが、コメントやアドバイス、関連記事からのトラックバックは歓迎します。

---

【2006/5/16】
記事の編集画面へのリンクを表示出来るように改修し、あわせてこれに対応するブックマークレット作成用フォームを用意しました。
→【ココログ】ページ内目次：記事の編集画面へのリンクを追加