サイドバーへの記事一覧表示

☆

facet さんの「本文の見出しを抽出するスクリプト」と、その改造例「カテゴリーの閲覧性がかなり高まった(全見出しの抽出)」を参考に、サイドバーに投稿日別に記事一覧(見出し)を表示するようにしようとしています。

本文の見出しを抽出するスクリプト

Firebirdではきちんとインデントされるんですが、IE6では駄目でした。このあたりも修正したいんですが、まだ解決できていません。(T_T) (これもIE6だとclassNameにしないといけないのかもしれないですね…）

まさに className で OK でした。naoya氏の FeedBack で使っている JavaScript を参考に、ブラウザの判別処理を組み込んでみました。いろんな人の技をパクりまくりですね。 (^^;

とりあえず、ローカルではうまくいきました。これからマイリストに実際に組み込むことになるわけですが、その前に想定される手順をあらかじめメモって置きます。

• まず、extractContentHeadings01b_t.js をアップロード。
• 次に、独自スタイルシート (styles-tsupo.css) に以下の内容を追記して、アップロード。

  .sub {
      position: relative;
      top: 5px;
      font-weight:bold;
  }
   
  #content-headings {
      position: relative;
      top: -30px;
      background: #EEE;
      margin: 0px 2px 0px 10px;
  }
  
  #content-headings a {
      color: #222;
  }
  
  #content-headings .level-2 {
      margin-left: 5px;
      font-size: x-small;
      font-weight: bold;
  }
  
  #content-headings .level-3 {
      margin-left: 20px;
      font-size: x-small;
  }

• 最後に、マイリスト(リンクタイプ、メモ表示なし)のタイトルに以下の内容を追加。URLは空欄のまま。

  </a><span class="sub">このページの記事一覧</span></li></ul></div> <div id="listHeaders"></div> <script type="text/javascript" src="/memo/extractContentHeadings01b_t.js"></script> <div class="sidebar"><ul style="display: none;"><li><a name="headLine">

こんな感じかな?

では、作業開始!! うまくいくといいのですが。

*** 追記 ***

トップページは問題ありませんが、カテゴリ別のページや月別のページ、個別のページでは、JavaScript のエラーが出ますねぇ...。何が悪いんでしょう? → マイリストに登録する文字列の間違いでした。(JavaScript の相対パス指定の問題)

*** 追記 その2 ***

JavaScript未対応のブラウザや、対応しててもJavaScript機能をoffにしている人のために、「最近の記事」はそのまま残しました。