FCafe　 タグの定常表示 2

　前記事から続く
（ フォーラムでも触れられていますが ） 独自変数のリストを固定ソースに置き換えると問題になるのは「各タグの記事件数」が更新されない、という事です。　　記事を追加・削除する度に「手打ち」で変更するつもりならば別ですが、そうでなければリスト中から「件数」を省いておかねばなりません。　　これを何とかできないか。
・・・という流れでのこの記事である訳ですが、　はい。　勿論できるんであります。

　

【 設置法 】　前記事にあるように plugin 等のタグリストのソースを取得・編集し、必要なタグ（リンク）のみを希望する順番に並べたリストを作成します。　　その際、Aタグ内には『タグ名』のみを置く（半角スペースも含ませない） ようにして下さい。
リスト構造についてはどのようでも結構です　（ Aタグと改行タグのみでもOK。 ULタグを用いる必要もありません ）　が、リスト（を包含する）ブロックにIDを付け て下さい。　　　↓例

<ul id="ＩＤ名">
 <li><a href="http://〜/?tag=****">▲▲▲</a></li>
 <li><a href="http://〜/?tag=****">■■■</a></li>
 <li><a href="http://〜/?tag=****">●●●</a></li>
　 　 　 　〜 （ 中略 ） 〜
 <li><a href="http://〜/?tag=****">★★★</a></li>
</ul>

　以下のスクリプトを上記リストの後に設置します。 （ 最終行の関数の引数にリストのID名を記入します ）

<script type="text/javascript"><!--
function adCount(ID) {
 var A=document.getElementById(ID).getElementsByTagName("A");
 var T=new Array(); var C=new Array(); var k=0;
 <!--ctag-->T[k]="<%ctag_name>";C[k]="<%ctag_count>";k++;<!--/ctag-->
 for(i=0;i<A.length;i++){
  for(j=0;j<k;j++){
   if(T[j]==A[i].innerHTML){ A[i].innerHTML+=(' ('+C[j]+')');break;
} } } }
adCount("ＩＤ名");
//--></script>

　

【 解 説 】　　独自変数で出力させた全タグの名前と件数をスクリプトに読ませ、固定ソースの各リンク中のタグ名を順に調べて一致するタグの件数をを書き足してやる、という方法です。
この方法の第一のメリットは 『スクリプト無効環境でもタグ（リスト）を表示可能』　という点ですが 　「手打ちソース部に間違い等があってもエラーに成り難い」 という性格も帯びています。
また、この方法はタグリストのみならず category リストにも応用可能です。
* 固定リストを”ツリー型”に書いておいて、これに件数を書き足す、というようにすれば、スクリプトOFFでも （件数が消えるだけで）「崩れない」ツリーリストを実現する事もできます

2008 / 03 / 13 　Thu
Navigation   
Comment 10 / TB 1 / Edit