« カテゴリ別バックナンバーをプルダウンメニューにするJavaScript | トップページ | オマールエビ »

2005.10.10

月別バックナンバーをプルダウンメニューにする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から取ってきて動的に解析してもいいんだけどねぇ、、。


真鍋を学べ!―真鍋かをりフォトエッセイ
真鍋を学べ!―真鍋かをりフォトエッセイ


↓1日1ポチッとをお願いします!励みになります!
ポチっとよろしく!

|

« カテゴリ別バックナンバーをプルダウンメニューにするJavaScript | トップページ | オマールエビ »

JavaScript」カテゴリの記事

ウェブログ・ココログ関連」カテゴリの記事

コメント

ココログが出力する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

検索とカレンダーを使わせてもらっています。

月別やカテゴリー別バックナンバーをプルダウンメニューにするというのは、しかしどういう意味なのかが分かりません(汗)。

いや、実際に、こちらの右サイドバーにある「バックナンバー」や「カテゴリー」の各項目(または「バックナンバー」などのタイトルそのもの)をクリックしてみても、特にいつもの表示と変わらないようなんですが…。

何か、基本的なところで分かっていないのかもしれません(^^;)。

投稿: ひむろ | 2008.10.03 02:26

> ひむろさん

あぁ、僕蒙古のツール使っていないんですよね。。なので、このブログは普通通りの表示に戻っています。

投稿: なおゆき | 2008.10.07 00:34

なるほど。

えー、自分で苦闘しましたが、出来ませんでした(汗)。
カレンダーや全体検索は、すぐ使えるようになったんですが。

気力が湧いてきたら、また試みてみますbleah

投稿: ひむろ | 2008.10.08 01:44

ありがとうございます。

やっと設置する事が出来ました・・・・。
スクリプトをテキスト表示で手間取ってしまいました。

記事数も600件以上になり難儀していまいた。
50歳過ぎた人間には、こういった物は苦手でして。

「ほんま、助かりますわー」

カテゴリーの枠の右が少し切れていますが、問題ないみたいです。

マイリストで作成したタイトルですが、皆さんのを見ると表示されていないは、何故でしょうか?

私も、「.」にして分からなくしていますが・・・。

投稿: おっさん | 2008.10.25 11:48

はじめまして。
最強検索と最強カレンダーは以前からこっそり使ってましたが、
検索できなくなったので、久し振りに来てみたら便利なものが
沢山あり、過去の記事をアレコレ読みながら早速設置しました。
実は高いお金を払ってプロを使ってるんですけどsweat01

いつ頃記事にしたかの記憶はあるんだけど、その月を探す為に
遡るのが面倒だったので、プルダウンメニューはありがたいです。

結局、検索は「FLO:Q」を外したら出来るようになりました。

記事は違いますが、70歳のおじいさんの質問、私も
読んだ記憶があります。ブログまでは見なかったのですが、
切ないですね。結局ネコちゃんは逝ってしまったようですが、
ネコちゃんがキッカケでPCスキルが上がったのですから、

侮りがたし、愛

ですね。

投稿: 深央 | 2009.06.28 12:59

> 深央さん
どうもです。
70歳のおじいさんの話、いいですよねー。
そうですね、確かに愛はあなどりがたしですねw

投稿: なおゆき | 2009.06.28 22:40

なおゆきさん、こんにちは。
むらけんといいます。

月別とカテゴリ別のバックナンバープルダウンメニューをはじめ、JavaScriptを利用させて頂いています。便利なJavaScriptの公開、ありがとうございます。

1/26のココログのバージョンアップの影響と思うのですが、ココログベーシックでバックナンバーのプルダウンメニュー化ができなくなりました。
私自身、ベーシックとフリーの2つのブログを持っているのですが、フリーの方は正常です。
・ベーシック
http://muraken.cocolog-nifty.com/blog/
・フリー
http://muraken2.cocolog-nifty.com/blog/

対応策等ありましたら、教えていただけると助かります。
宜しくお願い致します。

投稿: むらけん | 2010.01.28 09:39

コメントを書く



(ウェブ上には掲載しません)




トラックバック

この記事のトラックバック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

« カテゴリ別バックナンバーをプルダウンメニューにするJavaScript | トップページ | オマールエビ »