月別バックナンバーをプルダウンメニューにするJavaScript
Ajaxを使って月別バックナンバーのデータを動的にロードしてプルダウンメニュー化しています。
結果は右サイドバーにあるとおり。
ははっ、すっげー大げさ。
激力業。
面白すぎるっ!
もう少し具体的に言うと、Ajaxを使って、ココログのバックナンバーページ(archives.html)を動的に読み込んでそこからバックナンバー情報を正規表現でぶっこ抜いてプルダウンメニューのHTMLを組み立てています。
だからいちいちココログの開始年月を設定する必要もないですし、記事を書かなかった月があっても問題ありません。
まあ、おとなしくココログプロを申し込んで自分でHTMLテンプレートを書けば問題ないんだけどね。
でも、それだとココログデザイン使えないし、ってか、プロって1000円もするしってことで、やっぱりJavaScriptで動的に出せる価値はあると思う。
使い方は、ココログで月別バックナンバーの作成を設定して(多分デフォルトで作成してくれた気がする)、サイドバーにバックナンバーを表示させて(デザイン→コンテンツ)、スクリプトを張るだけ。
スクリプトの張り方は前回の方法を使います。
前回の奴にこれを追加して、
<script type="text/javascript" src="http://java.cocolog-nifty.com/blog/files/javascript/date_archive2pulldown.js"></script>
で、init() {}の中に
date_archive2pulldown( '/blog/archives.html', '#type=title');
を追加すればいい。
前回と同じで、オプションで「#type=title」って書いておくと、いきなりタイトルだけの一覧で表示できる。
あと、「/blog/archives.html」は自分のブログURLに合わせて変更して下さい。このサイトは「/blog/」だけど「/nikki/」とかにしている人は「/nikki/archives.html」になる。
よくわかんないやって人は
ココログヘルプ: サイドバーにJavaスクリプトのアイテムを貼るには
を参考にして、ここにあるのを全部そのままコピペしてもらえればOK.
ただし、ココログデザインを使っていない人はinitStyle();を削除して下さい。あと、ブログURLもちゃんと変更して下さい(blog => nikkiみたいな)。
まあ、URLをlocationから取ってきて動的に解析してもいいんだけどねぇ、、。
| 固定リンク
「JavaScript」カテゴリの記事
- 便利!ココログベーシックでタイトルのみを表示させるJavaScript(2005.09.23)
- タイトルと概要を表示するJavaScript(2005.09.25)
- JavaScriptでトラックバックスパムを消し去る(2005.09.28)
- ココログの記事作成画面をドリコム風にするJavaScript::Bookmarklet(2005.10.03)
- カテゴリ別バックナンバーをプルダウンメニューにするJavaScript(2005.10.09)
「ウェブログ・ココログ関連」カテゴリの記事
- お誕生日おめでとう!!!!(2004.12.02)
- ココログからリラックマテンプレートが発売された。(2005.08.05)
- 記事の続きを読む(2005.09.07)
- 記事の作成画面を巨大化するJAVASCRIPT::BOOKMARKLET(2005.09.07)
- ケロロ軍曹によるポコペン(地球)侵略計画がまた一歩前に進んだ。(2005.09.08)
トラックバック
この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/22269/6336713
この記事へのトラックバック一覧です: 月別バックナンバーをプルダウンメニューにするJavaScript:
» 暴想: 月別バックナンバーをプルダウンメニューにするJavaScript [facet-divers]
でました。素晴らしい。みなさん、こちら↓にしましょう。 リンク: 暴想: 月別バックナンバーをプルダウンメニューにするJavaScript. ちなみに、サイドバ [続きを読む]
受信: 2005.10.11 22:16
» 暴想: 月別バックナンバーをプルダウンメニューにするJavaScript [facet-divers]
でました。素晴らしい。みなさん、こちら↓にしましょう。 リンク: 暴想: 月別バックナンバーをプルダウンメニューにするJavaScript. ただ、ウチはサイド [続きを読む]
受信: 2005.10.11 22:43
» ブログのカスタマイズ [Chobi'sDiary]
ブログ人ではカスタマイズは無理だと勝手に諦めていたけれど、結 [続きを読む]
受信: 2005.10.16 23:08
» まじでいいです\(^O^)/ [こんなのでいいのかな…]
「なおゆき」さんのブログを参考にして(…というか、完全にいただきますですが…)、 [続きを読む]
受信: 2005.12.01 21:57
» バックナンバーのプルダウンメニュー化とか [寝言帳]
月別バックナンバーをプルダウンメニューにするJavaScriptあたりを参考に、 [続きを読む]
受信: 2006.01.08 00:15
» ブログのナビゲーション [KOZMIC BLUES]
ブログ内検索窓でお世話になった『暴想』さんのところから、ココログのユーザビリティーを向上させる3本の技を拝借。 まず、TOP記事上部に"タイトル/概要/元に戻す"ナビがついた。カテゴリーやバックナンバ... [続きを読む]
受信: 2006.03.15 05:20
» バックナンバーの表示をプルダウンに [老麗理庵日記]
最近気が付いたのだが,拙庵のバックナンバーから1月分が消えている.どうしたことか [続きを読む]
受信: 2006.11.10 19:50


コメント
ココログが出力するHTMLファイルをデータベースと見なして、Ajaxを使ってそれらを動的にロードしていけば他にも色々出来る気がする。
投稿 なおゆき | 2005.10.10 17:38
はじめまして。
facet-diversさん経由でこちらを知り、月別とカテゴリ別のバックナンバープルダウンメニューを使わせていただきました。便利なスクリプトをありがとうございます。m(__)m
不便をおぎなう発想、素晴らしいです。
投稿 kuu | 2005.10.12 23:06
初めまして。どこをどう辿ってきたのか忘れてしまいましたが、
こちらの「ここにあるのを全部」お借りしまた。
また、記事を書きましたらトラックバックもさせていただきたいと思います。ありがとうございました。
投稿 ちょび | 2005.10.15 21:30
はじめまして。
いいものみつけた!って、早速、トライしてみたのですが、全くなにもおこらず・・・
やり方を間違えているのでしょうか?
ちゃんと、マイリストをリンクで新規作成し、設定をテキストにして右サイドバーに置き、メモにJavaScriptを貼り付けたのですが・・・JavaScriptの貼り付け方がまずいのかしら?よくわからくてメッセージ書いています。
私は、ココログ プロを使用しています。
どうかひとつ、ご指導のほどよろしくお願いいたします。
投稿 Yumi | 2005.10.28 12:54
すみません、ココログ プラスでした。
よろしくお願いします。
投稿 Yumi | 2005.10.28 14:09
> Yumiさん
今サイトを見に行ったらちゃんと動いているようでしたが(?)、その後直ったのでしょうか?
投稿 なおゆき | 2005.10.30 01:16
こんにちは
まろといいます。月別バックナンバーが半年しかないので、どうにかならないかと探していたらたどり着きましたおかげさまで設定させてもらいました
今後ともよろしくお願いいたします
投稿 まろ | 2005.11.26 19:49
なおゆきさん、こんにちは
全文検索、標題のみ表示に加えて、月別・カテゴリー別のプルダウン窓も使わせていただきました。
すばらしいアプリ、本当にありがとうございました。
これからもよろしくお願いいたします。
投稿 ひろりん | 2005.12.01 13:49
はじめまして。
どうにか自分のページをカスタマイズしたくて、探していたところ、このページをみつけて、色々使わせていただきました。
プルダウンの表示は何かミスしているようで、、なかなかできないですが^^;
お陰さまでとてもみやすくなりました。
これからもよろしくお願いいたします!!
投稿 あんな | 2006.01.07 19:51
はじめまして、すばらしいスクリプトですね!
「全文検索」と「カテゴリー」のを使わせていただきました。
ただ、どうしてもバックナンバーだけがうまくいきません。
「全文検索」や「カテゴリー」とどこか違うのでしょうか???
P.S.
クリスタル・キング
私も好きです。
投稿 FUKAWA | 2006.01.09 18:29
> FUKAWAさん
こんにちは。
あれ、archives.htmlのclass, id構造が違いますね。
なんでだろう?
投稿 なおゆき | 2006.01.10 00:04
はじめまして。
全文検索窓に続き、お借りしました。
最高です。ありがとうございました!
投稿 syuu | 2006.03.15 05:37
初めまして、小春と申します。
KOROPPYさまのところから飛んできて
初心者ながらに一生懸命やったのですが、
カテゴリーのプルダウンには成功したのですが、
どうしてもこの「date_archive2pulldown.jsコード」が
どこにあるのかわからないので、
月別の方がプルダウン出来なくて困っています。
教えていただけますか?
投稿 小春 | 2006.05.14 14:51
> 小春さん
このサイトの右上にある検索ボックスで、「date_archive2pulldown」で検索してみたらどうでしょうか。
投稿 なおゆき | 2006.05.14 17:26
こんばんは。
コメントの前も検索したんですけど、解らなかったんです。もう一度検索したのですが、何度読み返しても解らないので、コメントしましす。
スクリプトの貼り付け方は解るのですが、
「date_archive2pulldown.js」をダウンロードして、
ココログにアップロードしなくてはいけないですよね。
それをどこからダウンロードすれば良いのか
解らないのです。
お手数おかけしますがよろしくお願いします。
投稿 小春 | 2006.05.14 21:58
全文検索に続き、またまた利用させていただきました。
カテゴリーやバックナンバーを選択すると、タイトル一覧が表示されるのが、とっても気に入りました!
ありがとうございました。
投稿 nory | 2007.01.28 17:57
ココログを便利にするツールを検索していたところ
こちらのサイトにたどり着き、月別バックナンバー、カテゴリ別バックナンバーをプルダウンメニューにするツールとタイトルを一覧表示するツールを利用させていただきました。
これは、良いですね!
投稿 MaCONEY | 2007.03.15 22:41