小粋空間  -  a cheap joke and a play on words site

FC2ブログのツリー化された「最近のコメント」のリンクから該当コメントにジャンプする

FCブログの一部のテンプレートで利用されているツリー化スクリプトを修正し、ツリー化された「最近のコメント」のリンクから該当のコメントに直接ジャンプする方法を紹介します。

ご質問された方が利用されているテンプレートは [simple-w] というものですが、カスタマイズ自体は Jugem カスタマイズ講座から継承された汎用的なもので、下記のサイトで同じスクリプトが公開されています。

• ヒヨコ君増殖中 想 FC2版：FC2ツリー化の手引き簡易バージョン
• 初心者でもできる簡単FC2ブログの作り方：最近のコメントのツリー化

１．「最近のコメント」タグの変更

抜粋で変更箇所を掲載します。a 要素にコメント番号を示すための id 属性を追加しています。

変更前

　　　　：
<!--rcomment--> 
<li>
<%rcomment_etitle><br/>
<a href="<%rcomment_link>#comment_head"><%rcomment_name><span class="day"> (<%rcomment_month>/<%rcomment_day>)</span></a>
</li> 
<!--/rcomment-->
　　　　：

変更後

　　　　：
<!--rcomment--> 
<li>
<%rcomment_etitle><br/>
<a href="<%rcomment_link>#comment_head" id="comment<%rcomment_no>"><%rcomment_name><span class="day"> (<%rcomment_month>/<%rcomment_day>)</span></a>
</li> 
<!--/rcomment-->
　　　　：

２．スクリプトの修正

こちらも抜粋で変更箇所を示します。追加した処理で、コメントリストに付与した id 属性値を取得し、それを各コメントリンクの href 属性の # の後方に設定しています。

変更前

　　　　：
if (idName.indexOf('comment') > -1 || idName.indexOf('tb') > -1) { 
  var tmpText = objList.innerHTML.split("⇒"); 
  tmpText[0] = tmpText[0].slice(0,tmpText[0].search(/<BR/i)); 
  this.base = Array('<a href="',linkUrl,'">',tmpText[0],'</a>').join(''); 
  this.elem = objLink.innerHTML; 
} else if (idName.indexOf('entry') > -1) {
　　　　：

変更後

　　　　：
if (idName.indexOf('comment') > -1 || idName.indexOf('tb') > -1) { 
  var tmpText = objList.innerHTML.split("⇒"); 
  tmpText[0] = tmpText[0].slice(0,tmpText[0].search(/<BR/i)); 
  this.base = Array('<a href="',linkUrl,'">',tmpText[0],'</a>').join(''); 
  var linkId = objLink.getAttribute('id'); 
  var tmpLink = linkUrl.split("#"); 
  this.elem = '<a href="' + tmpLink[0] + '#' + linkId + '">' + objLink.innerHTML + '</a>';
} else if (idName.indexOf('entry') > -1) {
　　　　：