カテゴリ別バックナンバーをプルダウンメニューにするJavaScript

なんかすでにどっかにありそうな気もしたけど、探すより作った方が早いので作った。
右サイドバーみたいにすることが出来る。
メリットはズバリ一つ、表示面積の節約だ。
ブログのサイドバーはごちゃごちゃになりがちで、表示したい情報がすぐ下の方に隠れてしまう。
そんな悩みを解決してくれる機能だと思う。

結構色々なココログを見ていると、「＋」ボタンを押して下の方にビヨーンって表示させる奴があるけど、ああいう奴よりプルダウンメニューの方が便利だと思う。

んで、前回作って紹介した「タイトルと概要を表示するJavaScript」と合わせて、好みで設置できる仕組みを考えたので、今回からは新しい方式で提供していきます。
この方式だと、これから増えていっても簡単にお好みのスクリプトを貼り付けることが簡単に可能だと思う。

こんな感じで、まず最初に貼り付けたいスクリプトを宣言していきます
(カテゴリをプルダウンメニューにするやつを使いたい場合は↓)

<script type="text/javascript" src="https://java.cocolog-nifty.com/blog/files/javascript/category_archive2pulldown.js"></script>

（タイトルと概要を表示を使いたい場合は↓）

<script type="text/javascript" src="https://java.cocolog-nifty.com/blog/files/javascript/cocolog_archive_extention.js"></script>

んで、最後にこんな感じのコードを貼り付ける
//←はコメントアウトでその行は関係ないって意味ね。
で、それぞれコメントで書いてある通り、自分に必要な行だけ追加する。
ココログデザイン使っている人は、initStyle();を追加して、あとは、上記の宣言をしたもののみ追加していく感じ。
よくわかんないや、まあ、全部まとめて使いたいんだよね、っていう人とかはここにある全部（サンプル）をそのままコピペしてもらえれば問題なし（ココログデザイン使っていない人はinitStyle();の行だけ削除して下さい）。

<script type="text/javascript">
window.onload = function init() {
//ココログデザインを使っている人は追加する
initStyle();
//タイトルと概要を表示を使う人は追加する
cocolog_archive_extention();
//プルダウンメニューを使う時に追加する
category_archive2pulldown();
}
</script>

ちなみに、スクリプトの貼り付け方はこのページを読んで下さい。
まあ、そんな感じです。

ところで、
category_archive2pulldown();
を
category_archive2pulldown('#type=title');
とすると、タイトルと概要を表示JavaScriptを埋め込んでいる時にいきなりタイトルだけモードで表示できたりするようにもした。
今このサイトではそうやって設定しています。

はねるのトびら IV

↓1日1ポチッとをお願いします！励みになります！