カテゴリー

月別過去記事

みるくぜりー内 検索
Loading

独自タグとJavascriptでアーカイブリストをツリー化

久々にJUGEMの改造スクリプトでも作ってみようかなということで
復帰第1弾はアーカイブリストのツリー化です。
ずっとブログを書いているとアーカイブリストが長くなるのが気になって
仕方なかったので独自タグとJavascriptを駆使して
短く表示するようにしてみました。
年ごとにリストをまとめて表示するようにしています。
今までのツリー化と違うのはページ読み込み後に実行するわけではないので
一瞬チカチカすることがないかと思います。

機能としては
・年をクリックすると各月へのリンクリストが表示される。
・各月のリンクリストが表示されているときに年をクリックするとリストが隠れる。

がんばってもう少し改造すれば、今現在の年だけ月リストを表示した状態にする
なんてことも可能です。
NEW「今現在の年だけ月リストを表示した状態」修正版スクリプトも公開してます!

実際のスクリプトは記事の続きに書いていますので欲しい方はご自由にお持ち帰りください。

やり方は簡単{archives_list}と書かれている独自タグを↓のタグと差し替えるだけ。

<script type="text/javascript">
<!--
function writeArchive(){
var year;
var str;
var i;
var archive= new Array();
<!-- BEGIN archives_items -->
tmp=new Array({archives_item_id},{archives_item_year},"{archives_item_num_month}",{archives_item_num});
archive.push(tmp);
<!-- END archives_items -->
document.write("<ul>¥n");
for(i=0;i<archive.length;i++){
str="";
if(year==undefined || year!=archive[i][1]){
if(year!=undefined){
str="</ul></li>¥n";
}
year=archive[i][1];
str+="<li><a href=¥"javascript:viewarc('"+ year +"')¥">"+ archive[i][1] + "年</a>¥n"
str+="<ul id=¥"month_"+ year +"¥" style=¥"display:none;¥">¥n";
}
str+="<li><a href=¥"./?month="+archive[i][0]+"¥">"+ archive[i][1] + "年" + archive[i][2] + "月(" + archive[i][3] +")</a></li>¥n";
document.write(str+"¥n");
}
document.write("</ul></li></ul>¥n");
}
function viewarc(year){
var tar =document.getElementById('month_'+ year);
var disp=tar.style.display
if(disp=="none"){
tar.style.display="block";
}else{
tar.style.display="none";
}
}
writeArchive();
//-->
</script>


コメント
茅乃さん、はじめまして。
こちらのスクリプト、いただきました!
ありがとうございます。
そうそう、茅乃さんも『ねこにゃんぼぅ』持ってらっしゃるんですね(笑)
うちにもアメショータイプのが一本あります・・・
コメントありがとうございます。

わざわざ、利用報告どもです(/ω\)
ねこにゃんぼぅを猫の目の前でぐにぐにやって遊んでます。
しんじょーさんのところの猫写真いいですね〜。
楽しませていただきました♪
こんにちわ〜♪
はじめまして。
とっても素敵なスクリプトで早速導入〜♪って・・・
やってみたけど
なぜだか、Archivesのリンク自体が消えてしまうんです、、、
なんででしょうかね〜
悔しいなぁ。
JUGEMにしかない独自タグを使ってこの機能をつくってるため、
ねこもりやさんのロリポブログでは
これが使えないんです(´・ω・`)
ありがとうございます!
ロリポもjugemも一緒かと思ってました。
だめなんですね〜、、、
テンプレはjugemのやつなんだけど・・・
残念です。
茅乃さん、はじめましてー

スクリプトを利用させて頂きました。アーカイブがスッキリ。ありがとうございます。
  • yoshi
  • 2008/04/22 10:51 PM
茅乃さん、初めまして♪
こちらのスクリプトを使わせていただいました。

7年分もあるとARCHIVESがすごい長くなるので、
ずいぶんとスッキリしていい感じになりました。
ありがとうございます。^-^;
  • SUNA
  • 2008/11/03 1:03 PM
はじめまして。
もしよろしければ、「今現在の年だけ月リストを表示した状態にする」についても教えていただけませんでしょうか。
  • shunta
  • 2008/11/07 8:15 PM
>shuntaさん
書き換える箇所がいくつか分かれているので、
後ほど別の記事でアップしますね。
はじめまして!
スクリプト、使用させて頂きました!
ビギナーの私にも簡単に設定できて、とても有難いです♪
ずうずうしくもリクエストがあって・・
RECENT COMMENTSの10件と、LINKSも、同じようにツリー化できないものでしょうか?
よろしくお願い致します!
  • mappy
  • 2010/06/22 9:27 PM
>mappyさん
お返事遅くなって済みません。
ツリー化はできますが、すでにこうかいしてくれている人が居るのでそちらをご紹介しますね。
http://shoyu-ramen23.jugem.jp/?eid=151

どーしても難しい!というのであればがんばってみますので
またそのときはコメントください。
コメントする








   
この記事のトラックバックURL
トラックバック
JugemからFC2にお引越しして、1週間ほど経ちました。Jugemでの4年半余りの日記をインポートしたので、月別アーカイブリストが長くなってしまっ...
  • ぱろでい日記
  • 2010/01/30 1:39 PM